您的位置:

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

本文目录一览:

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'];?';

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

2022-11-12
js如何提交与php(表单提交js)

本文目录一览: 1、如何把一个js变量传给php变量 2、js如何提交post使php获取(使用原生js) 3、js如何传值给php? 4、怎样把js中的数组提交到php中 5、如果用JS提交表单数据

2023-12-08
表单提交数据与php进行交互(php提交表单数据有哪几种方法

2022-11-09
php与html交互的原理,html和php交互

2022-11-21
php提交html的表单(php提交表单的方式)

2022-11-14
js怎么提交表单到php(js实现表单提交)

2022-11-12
ajax提交表单php,ajax提交表单后生成表格

2022-11-29
关于提交php表单弹窗,php表单的提交方法有

2022-11-20
html向php提交表单的问题,提交表单数据有哪几种方法,P

2022-11-27
php中表单的使用

2022-11-22
htmljsphp教程,html js php

2022-11-26
php表单验证程序和表单使用,php表单的提交方法有

2022-11-17
在html中提交表单到php(html怎么提交表单)

2022-11-14
php中提交表单,php提交表单数据到数据库

2023-01-08
php表单快速开发,php提交表单的方式

2023-01-04
php关于下拉列表框回显(PHP下拉列表)

2022-11-11
php表单模块(phpform表单)

2022-11-15
php按钮提交表单,php怎么提交表单

2022-12-02
php表单提交显示,php自动提交表单

2022-11-29
js与php请求连接(js调用php)

本文目录一览: 1、js如何用php去接收数据库中的数据 2、如何在js中调用php 3、PHP如何与JS进行交互? js如何用php去接收数据库中的数据 要用javascript调用php获取数据库

2023-12-08