1:HTML中的值如何传到JS,下面假设是文件1.php
创新互联一直在为企业提供服务,多年的磨炼,使我们在创意设计,全网整合营销推广到技术研发拥有了开发经验。我们擅长倾听企业需求,挖掘用户对产品需求服务价值,为企业制作有用的创意设计体验。核心团队拥有超过十余年以上行业经验,涵盖创意,策化,开发等专业领域,公司涉及领域有基础互联网服务服务器托管德阳、成都app开发、手机移动建站、网页设计、网络整合营销。
代码如下:
html
body
form action="1.php" method="post"
name:input type="text" name="username" id="username"
rename:input type="text" name="username1" id="username1"
input type="button" value="submit" on CliCk="get()"
/form
/body
/html
JS假如想取文本框中用户输入的name值,这样写
代码如下:
script language='JavaScript'
function get()
{
var n=document.getElementById('username').value;
alert (n);
}/script
这样的话在有调用JS get()时就会弹出警示框,里面的内容就是name的值。
2:假如说JS中的这个取到的name值要传回rename的文本框中,这样写
代码如下:
script language='JavaScript'
function get()
{
var n=document.getElementById('username').value;
document.getElementById("username1").value=n;
}/script
这样的话在下面调用get()就会自动显示上面name输入的值。
3:PHP中取页面的值
代码如下:
?php
$name=$_REQUEST["username"];
echo $name;
?
4:PHP的值传回页面
在HTML中插入PHP语言,可以调用PHP中变量的值,也可用Smarty(推荐)。
有了以上这些,不管是HTML页面里的值还是JS中变量的值,都可以轻松的传入PHP,当然,PHP的值也可传到想要的地方。
方法和详细的操作步骤如下:
1、第一步,创建一个测试php文件,见下图,转到下面的步骤。
2、第二步,执行完上面的操作之后,在其中添加html所需的代码,见下图,转到下面的步骤。
3、第三步,执行完上面的操作之后,要求在其中添加一个js脚本,定义一个变量,见下图,转到下面的步骤。
4、第四步,执行完上面的操作之后,在底部的php中添加代码,该代码定义了默认为0的b变量,准备使用其来接收js中的a值,见下图,转到下面的步骤。
5、第五步,执行完上面的操作之后,在脚本中使用writeln输出a,并将其分配给php中的变量b,
然后回显输出以查看b中的值,见下图,转到下面的步骤。
6、第六步,执行完上面的操作之后,在浏览器中打开php文件,将直接回显js中变量a的值为100。这时,php将js中的变量获取完成,见下图。这样,就解决了这个问题了。
用Ajax, PHP 跟 JS 最直接的交互方式就是 Ajax。
使用 Ajax 向服务器发起网络请求,PHP在后端进行处理并返回数据。
把对象数组转成JASON串,PHP收到后转化成JASON对象进行读取。
代码如下:
script //
html5中默认的script是javascript,故不需要特别指定script language
var arr_js = ?php
echo json_encode($arr)?;
/script
php给javascript传值,算是两个方法吧,
一个就是主动刷新,php把值写到页面上,比如 var a='?php echo $a;?';
另外的方法就是通过js异步去拉取,通过ajax来实现,大体过程是:js 发起一个异步请求给php程序,php返回数据库的数据,js通过接收这个数据来在做处理。
看你想怎么使用PHP的数据。比如我从数据库里拿出一个数据,然后echo
h1?php echo $title; ?/h1
那你JS里就可以通过DOM来获取h1的innerHTML
不要直接用js,最好用现成的library,比如jQuery,Prototype之类的,因为他们有浏览器兼容。
还有就是用ajax,动态获取你要的内容。即通过JS代码,调用PHP代码,然后传递回你要的数据。
AJAX非常的流行,因为不会造成网页停滞,强调的是asynchronous (不同步)。