Question

怎么用Thinkphp+jquery实现ajax的提交，接收处理和返回

Answer 1

模板中使用js请求代码如下：

1
2
3
4

$.get('127.0.0.1/index.php?s=Home-index-test-p1-1-p2-2', {}, function(data) {

alert(data);//这里处理返回数据

});

//上面的url你根据自己的需要修改get传参数我就不说了，你也可以用post 或者直接用ajax做，都是一样的。

php部分代码如下：

1
2
3
4
5
6
7
8
9
10

public function test(){

//获取get传来的值

$p1 = isset($_GET['p1'])?$_GET['p1']:0;

$p2 = isset($_GET['p2'])?$_GET['p2']:0;

//输出结果

//这里返回传入两个参数相加的和

//这个例子是直接返回文本，你也可以使用json_encode()来返回json数据或者xml数据

exit($p1+p2);

}

jquery中有个$.ajax的方法，
thinkphp中有个ajaxReturn的方法，
还有jquery.form.js的表单插件中有个ajaxForm和ajaxSubmit的方法，
这些个都怎么用啊，怎么实现ajax的页面无刷新啊？
回答的时候着重回答下边三个问题哈：
（1）怎样做才算是用ajax提交了，
（2）怎样做才算是用ajax返回了，
（3）怎样做才算是用ajax接收了？
望大侠们不吝赐教~
注：$.ajax我大概知道怎么用：就是选择提交方式post或者get，选择提交页面，选择success的回调函数来显示数据，这几个是必选的。——所以不要有太大压力哈 我不是什么都不懂哈O(∩_∩)O~
1.$.ajax({
2. type:"post",
3. url:"c www.hbbz08.com heck.php",
4. data:"id="+new Date()+"&city="+$("#city").val(),//可有可无
5. dataType:"html",//可有可无
6. error:function(){//可有可无
7. alert("当前ajax操作出错！");
8. },
9. success:function(msg){
10. $("#mySpan").html(msg);
11. }
12. });

复制代码

①还有一点就是提交的时候用a标签调用js函数提交可不可以？
②$('#div')里边如果要加模板的变量该怎么加，就是div后边拼接个id号。