js/jquery如何这样调用php？

Question

一个网页，我想直接通过点击某个按钮，就可以发送指令调用php读取数据库的数据。但同时不要刷新本地的页面。

需要网页中的部分代码，只需要提示下怎么做接口即可。谢谢
如果我想用$.post(url data）传递,我如何在里面填写参数（也就是我要传给php的js变量）

Answer 1

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

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

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

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



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

Answer 2

你说的其实就是ajax，而ajax通过jquery会少写很多代码
$.get(url,{args1:'',args2:''},function(data){some code...},type)
$.post(url,{args:'',args2:''}function(data){some code...},type)
url就是你的php文件的url地址，function(data){}中的data是从php返回的数据，那么这个函数就是对得到的数据的处理，一般就是用jquery的.html()方法设置你的DOM内容，type就是返回的数据类型，默认为html，因为查询结果可能是数组，那么也可以返回xml及json

It's my fault,sorry.参数加的位置已经修改

参考资料：http://www.w3school.com.cn/jquery/jquery_ajax.asp

本回答被提问者采纳

Answer 3

function ajaxFunction()
{
var xmlHttp;

try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{

// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{

try
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
alert("您的浏览器不支持AJAX！");
return false;
}
}
}

xmlHttp.onreadystatechange=function()
{
if(xmlHttp.readyState==4)
{
document.getElementById(id).innerHTML=xmlHttp.responseText;//id是你要显示在版块的id
}
}
xmlHttp.open("GET","server.php",true);//server.php你要调用的php，名字改了就行
xmlHttp.send(null);

}

Answer 4

$.post(url,{a:1,b:2}）

名值对 上面即 a=1 b=2