jquery.ajax具体是如何操作的,用jq.ajax()跳转过去的页面是怎么在后台执行前面的请求回到前一个页面的?
发布网友
发布时间:2022-07-08 14:15
我来回答
共2个回答
热心网友
时间:2023-10-10 13:03
既然你懂的大概流程,直接上代码可能会快些。
前台页面
<script language="JavaScript">
$(document).ready(function () {
$.ajax({
type : "POST",
cache :false,
data : {"name":"Jack"},
async : false,
url : '/Touches/ajaxTest',
dataType: 'json',
success : function(rtn) {
$("#111").html(rtn);
alert(document.getElementById("222").innerHTML);
//这里就是返回的效果,输出Hello Jack!
},
error : function(XMLHttpRequest, textStatus, errorThrown) {
alert('通信失败:' + errorThrown);
}
});
});
</script>
<div id="111"></div>
后台处理
//我用的是cakephp框架
public function ajaxTest() {
$p = $this->request->data;
$rtn = '<div id="222">Hello ' . $p["name"] . '!</div>';
return new CakeResponse(array('body' => json_encode($rtn)));
}
热心网友
时间:2023-10-10 13:03
ajax是请求一个地址,后台组装数据返回给前台,前台在success回调函数中执行操作,具体的可以百度搜索,jquery ajax用法