关于js表单调用显示php数据（php与html表单的交互）

本文目录一览：

• 1、js/jquery如何这样调用php？
• 2、html调用js，js再调用php，然后在网页显示调用结果
• 3、js数组如何调用php数据库数组循环显示
• 4、html如何通过js脚本调用显示一个php页面的内容？
• 5、js中使用php数据问题

js/jquery如何这样调用php？

js/jquery调用php一般是用AjAx方式来调用的。

首先确认需要调用的php文件，可以是绝对路径，也可以是相对路径

这里以Jquery为例子解释上面的问题

如下图就是jquery的实现代码，下图的url就是需要请求的php地址；

如下图就是php代码的数据提供接口，最后使用ajax的数据格式返回给js端，这样就实现了一次，php的调用。

html调用js，js再调用php，然后在网页显示调用结果

建议使用jquery

假设你右边是一个div标签，给他设置一个id值，比如id=”show”

给查询两个字加一个标签，比如a标签：a href=”#” class=”chaxun”查询/a

然后写jquery的ajax代码：

$(‘a.chaxun’).click(function(){//class=”chaxun”的a标签的点击事件

var bianhao, minzhi;//声明2个变量

biaohao = $(‘#bianhao’).val();//取得文本框id为bianhao的值

mingzhi = $(‘#mingzi’).val();//同理

$(‘div#show’).load(‘chaxun.php?bianhao=’ +bianhao +’mingzhi=’ + mingzhi);

});

最后在你的chaxun.php中，和平时写代码一样就行了

?php

$bianhao = $_GET[‘bianhao’];

$mingzhi = $_GET[‘mingzhi’];

//接着就是你的数据库查询

echo $Data;//输出你的数据库查询结果即可

js数组如何调用php数据库数组循环显示

思路：php是服务器端语言，自在服务器端运行，运行完以后吧结果以HTML代码的形式推到你的浏览器；JS直接在你的浏览器上运行。应该在PHP语句里直接ECHO(输出) js代码，把数据传给JS数组，然后再用js函数处理。

?php

include_once(“conn.php”);

$sql = mysql_query(“select username from user where bmid = 9”);

$i =1;

while($row = mysql_fetch_array($sql))

{

echo “scriptdataSource = “.$row[‘username’].”/script”;

}

?

具体操作请自行调试

html如何通过js脚本调用显示一个php页面的内容？

举一个简单的例子来说明:

如在页面a.html中用下面这句调用:

script type=”text/javascript” src=”b.php?action=test”/script

script type=”text/javascript”

alert(jstext);

/script

在b.php中有这样一段PHP代码:

? $action=$_GET[‘action’]; //echo “var jstext=’$action'”; //输出一句JS语句,生成一个JS变量,并赋颠值为PHP变量 $action的值 //echo “var jstext=’aa'”; echo “var jstext=”.”‘$action'”; ?

当执行a.html文件时,就会调用b.php文件,并将b.php文件的输出作为JS语句来执行,所以此处会弹出一个提示框,内容为JS变量jstext的值,也就是在PHP文件中赋给jstext的值.

小结:

在HTML里用JS 调用文件的方式调PHP文件,则PHP文件的输出将会被调用页作为JS的代码来用.

2 php调用js中的值

在z.php页面中有这样一段代码：

script type=”text/javascript” var url=”aaaa*”; /script ? $key=”script type=text/javascriptdocument.write(url)/script”; echo $key; ?

3 php调用js中的方法(函数)

script type=”text/javascript” function test() { var t1=3; t1 = t1+2; alert(t1); //return t1; } /script

?php echo “script type=’text/javascript’test();/script”; ?

4 JS调用PHP变量

（1）

?php

$userId=100;

? script

var userId;

userId=document.getElementByIdx_x_x_x(“userId”).value;

alert (userId);

/script

input type=”text” name=”userId” id=”userId” value=”?php echo $userId; ?”

（2）

?php

$url = ‘变化的网址’; //定义变量

?

script type=”text/javascript”

//js调用php变量

var ds =”?php echo $url?” ; //赋值 alert(ds); //输出效果 /script

5 ——————————-

script language=”JavaScript” !–

var Y=?php echo date(‘Y’)?,M=?php echo date(‘n’)?,D=?php echo date(‘j’)?;

—

/script

6 自己写的js和php互相调用

1.php内容：

?php

//echo “script LANGUAGE=’javascript’alert(‘$php变量’);/script”; //最简单的php调用js

//echo “a href=#img width=50 src=’$fruit_pic_array[$i]’ onMouseOver=’javascript:a();‘/a”;

//echo “a href=’3.php’aaaa/a”; //php中超链接

//echo “script type=’text/javascript’ language=’javascript’phpmake(‘PHP建站学习笔记网’);/script”; //有时候需要在PHP执行过程中，需要调用JavaScript自定义函数(验证时出错)

echo “function ok(msg){alert(msg);}”;

?

HTML

HEAD

TITLE php调用js文件的好办法/TITLE

/HEAD

BODY

!–js调用php中定义的js–

scrīpt language=”javascrīpt” type=”text/javascrīpt” src=”1.php”/scrīpt

scrīpt

ok(“aaaaaa!”);

/scrīpt

/script

/BODY

/HTML

2.php内容：

!–js调用php–

?php

$userId=100;

?

script

var userId;

userId=document.getElementByIdx_x(“userId”).value;

alert (userId);

/script

input type=”text” name=”userId” id=”userId” value=”?php echo $userId; ?”

!–js调用php–

?php

if($_GET[“action”]==”ok”)

{

echo “I’m OK!”;

}

else

{

echo “I’m not OK!”;

}

?

SCRIPT Language = “JavaScript”

function func()

{

if(confirm(“Are you OK with this?”))

{

this.location = “ok.php?action=ok”;

}

else

{

this.location = “ok.php?action=cancel”;

}

}

/SCRIPT

html

head

/head

body

a href=”#” href=”#” onClick=”javascript:func();”Please Click/a

/body

/html

!–js调用php–

html

head

script

function isMail(PostString)

{

re=/\w*/

if(re.test(PostString))

{

return true;

}

else

{

return false;

}

}

function test(){

if (isMail(?php echo $email?))

{document.write(“?php echo “N”;?”);}

else

{document.write(‘?php echo ‘Y’;?’);}

}

/script

/head

body

?php

$email=”aa”;

?

input type=button value=click onclick= ‘test() ‘

/body

/html

!–php中含有js代码–

?php

echo ”

script language=javascript

function test(){

alert( ‘hello ‘);

}

/script “;

?

input type=button value=click onclick= ‘test() ‘

js中使用php数据问题

innerHTML一般赋值的是字符串（如果是数字，就没有必要html， 使用innerText即可）

既然是字符串，那就有引号（单引号双引号都可），所以，应该作如下改正：

h4[1].innerHTML+=’?php echo $_GET[‘zshixm’];?’;