html页面通过点击按钮,用ajax返回php在MySQL中找到的值(新手求助!)
具体问题是这样的:我在html页面上有个按钮,jQuery获取点击事件,ajax连接php文件,在php文件中,去数据库查询所需的值,查到之后,我想把查到的值返回在htm...
具体问题是这样的:我在html页面上有个按钮,jQuery获取点击事件,ajax连接php文件,在php文件中,去数据库查询所需的值,查到之后,我想把查到的值返回在html页面的label上。我现在已经做到php文件可以echo值,但是ajax貌似无法获取,在网上找了一些答案,发现不适合我的问题。求大神指导。。
finish.js
var xmlHttp;
function test(){
xmlHttp = GetXmlHttpObject()
if(xmlHttp == null){
alert("Browswer does not support HTTP Request!");
return}
var url = "connDB.php";
xmlHttp.onreadystatechange = stateChanged;
xmlHttp.open("GET","connDB.php",true);
xmlHttp.send(null);}
function stateChanged(){
if(xmlHttp.readState == 4 || xmlHttp.readyState == "complete"){
document.getElementById("question1").innerHTML = xmlHttp.responseText;}}
function GetXmlHttpObject(){
//Baidu说我字太多了。。要删掉。。
} 展开
finish.js
var xmlHttp;
function test(){
xmlHttp = GetXmlHttpObject()
if(xmlHttp == null){
alert("Browswer does not support HTTP Request!");
return}
var url = "connDB.php";
xmlHttp.onreadystatechange = stateChanged;
xmlHttp.open("GET","connDB.php",true);
xmlHttp.send(null);}
function stateChanged(){
if(xmlHttp.readState == 4 || xmlHttp.readyState == "complete"){
document.getElementById("question1").innerHTML = xmlHttp.responseText;}}
function GetXmlHttpObject(){
//Baidu说我字太多了。。要删掉。。
} 展开
3个回答
展开全部
可以用jquery
$.post(url, { 'id': id,'tb':tb,'v':v },function(data){
alert(data)
});
$.get(url, { 'id': id,'tb':tb,'v':v },function(data){
alert(data)
});
$.ajax({
type: setting.type,
url: setting.ajaxurl,
timeout: setting.timeout,
async: false,
data: setting.ajaxparam,
/*
xml-返回XML文档,可用JQuery处理
html:返回纯文本HTML信息;包含的script标签会在插入DOM时执行
script:返回纯文本JavaScript代码。不会自动缓存结果。除非设置了cache参数。注意在远程请求 时(不在同一个域下),所有post请求都将转为get请求。
json:返回JSON数据。
jsonp:JSONP格式。使用SONP形式调用函数时,例如myurl?callback=?,JQuery将自动替换后一个“?”为正确的函数名,以执行回调函数。
text:返回纯文本字符串。
*/
dataType: "html",
success: function(data){
rdata = data;
/*var html = '';
//json
$.each(data, function(commentIndex, comment){
html += '<div class="comment"><h6>' + comment['username']
+ ':</h6><p class="para"' + comment['content']
+ '</p></div>';
});
$('#resText').html(html);*/
}
});
上面三种都可以
$.post(url, { 'id': id,'tb':tb,'v':v },function(data){
alert(data)
});
$.get(url, { 'id': id,'tb':tb,'v':v },function(data){
alert(data)
});
$.ajax({
type: setting.type,
url: setting.ajaxurl,
timeout: setting.timeout,
async: false,
data: setting.ajaxparam,
/*
xml-返回XML文档,可用JQuery处理
html:返回纯文本HTML信息;包含的script标签会在插入DOM时执行
script:返回纯文本JavaScript代码。不会自动缓存结果。除非设置了cache参数。注意在远程请求 时(不在同一个域下),所有post请求都将转为get请求。
json:返回JSON数据。
jsonp:JSONP格式。使用SONP形式调用函数时,例如myurl?callback=?,JQuery将自动替换后一个“?”为正确的函数名,以执行回调函数。
text:返回纯文本字符串。
*/
dataType: "html",
success: function(data){
rdata = data;
/*var html = '';
//json
$.each(data, function(commentIndex, comment){
html += '<div class="comment"><h6>' + comment['username']
+ ':</h6><p class="para"' + comment['content']
+ '</p></div>';
});
$('#resText').html(html);*/
}
});
上面三种都可以
追问
我想请问一下:
{ 'id': id,'tb':tb,'v':v } 和 function里的data 分别是什么意思呢?
追答
{ 'id': id,'tb':tb,'v':v }
这个是你要传到url页面的参数引号里面是参数名称,冒号后面是参数值;“,”是参数分隔符;
data就是你请求的php页面echo 的东西
$.post("aa.php", { 'id': 5 },function(data){
alert(data)
});
aa.php
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
用jquery $.post直接搞定
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询