学习笔记－php和js之间的相互调用

php入门project：小型淘宝电商网站。

完全零基础自己看着php100零零散散的学了一下就开始上手做了。感觉不是特别系统。在很多方面了解的还不是很系统。希望以后有机会能更加系统的学习一下php。因为他开发起来上手很容易，并且开发成本低，效率快。很适合小型的3层结构的网站。

在这次的project中

使用php为后端

mysql数据库

javascript＋css＋html作为前端语言 开发了学校在线商场的小型电商网站－相当于一个小型的淘宝

在此记录一下过程中的几点疑问

1）前后端语言的调用关系

html ＋css 在前端用语变现具体的interface graphique与客户交流，而客户的反应想要被获取有两种方式：

1.提交表单的方法。

2.不提交表单直接获取。

1.提交表单的方法 一般是在用户填写完信息之后 通过submit将自己的form提交到后台制定的php程序之中

传递的信息量大，在后台用起来很方便 可以直接通过post或者get函数就可以获得。

不便之处就是每次都得提交。

2不提交表单

就是异步传输数据 就得用ajax ajax是基于js技术来实现异步的数据传输 说简单了就是前端语言js想调用后面php的函数，就得用ajax来调用。

几个容易混淆的地方

1从前往后传：

在html中 是利用js来获取静态页面的值。比如用户填个表啊，画个勾啊诸如此类。只要有改变 js都能马上获取。

那么如果想对前面的数据进行处理该怎么办，就利用上面所说的 提交表单或者ajax。如果在同一个文件的情况下可以通过getelementById来获得。

2从后往前传：

在这点上面我常常出错 希望如果有人能看到我的这篇文章的话能指点我一下，我也只是说一下我自己的理解－ －

php处理完了数据想要返回给用户看该怎么呈现 那就必须用Js 因为js是前端语言，在其位，谋其政。

一般都是在php中 执行JS代码将php变量 插入到前端页面

最常用的就是

echo "<script language=\"javascript\">document.getElementById(\"pager_records\").innerHTML=\"$pagenav\";</script>";

这是典型的一个 php文件中 php执行一个javascript语句 将一个php变量插入到想要的一个地方。

但是经常我们也会想把一个结构体插入。比如<div></div>插到页面之中的某一处。这里我一直有疑惑

在js里面

var insertText="<p name=\"verifacation_Password\">please reenter the same password in confirm password.</p>";

insert.innerHTML=insertText;

是可以运行的结果也是正确的

js语句放在php中运行

$label_username1="<div>aaa</div>";

echo "<script language=\"javascript\">document.getElementById(\"label_username\").innerHTML=\"$label_username1\";</script>";

可以运行并且正确

如果其中包含了php变量 验证一下：

$label_username1="<div>$username</div>";

echo "<script language=\"javascript\">document.getElementById(\"label_username\").innerHTML=\"$label_username1\";</script>";

也是可以运行的

但是有时候要非常注意转义字符 经常运行不出来的时候就是因为转义字符出了问题

在Js中调用一个存在的php值

var test =<?php echo $test;?>;

php调用js获取到的值 就直接利用 getelementById

先写这么多 边做边总结