Question

jquery ajax每次点击按钮加载五条信息

求实现代码 带下注释谢谢 我想研究下怎么实现这个功能 没用过ajax

Answer 1

ajax是用于异步提交数据的，至于返回几条数据完全是由自定义的参数决定的。灵活的传递参数以达到想要的效果。

$.ajax({
             type: "post",//数据提交的类型（post或者get）
             url: "abc.php",//数据提交得地址
             data: {id:1,num:5},//提交的数据(自定义的一些后台程序需要的参数)
             dataType: "json",//返回的数据类型
             success: function(data){//请求成功后返执行的方法（这里处理添加五条的数据 data为处理之后的返回数据）
            var str = "";
            $.each(data,function(a,b){//循环遍历返回的json数据
                str += "第"+(a+1)+"条数据:" + b;//将json数据拼接成字符串
            });
            $("#main").append(str)//将拼接好数据追加到id为main的对象里
             }
)}

<?php
   //接收通过ajax异步post上来的数据
   $id = $_POST['id'];
   $num = $_POST['num'];
   //处理需要的数据
   。。。。
   。。。。
  echo  json_encode($list);//输出通过php查询的数据转并换成json字符串//PS：这个就是js中success（data）中的 data。
?>

Answer 2

1
2
3
4
5
6
7
8
9
10
11

$.ajax({
type: "POST",
dataType: "json",
contentType: "application/json; charset=utf-8",
timeout: 10000,
async: false,
url: "post.php?list=5",
success: function(msg){
alert(msg)
}
});

URL中的list=5就是你要请求的条数，希望能帮到您，谢谢！

Answer 3

$.ajax({
    type: "POST",
    dataType: "json",
    contentType: "application/json; charset=utf-8",
    timeout: 10000,
    async: false,
    url: "post.php?list=5",
    success: function(msg){
	alert(msg)
    }
});

URL中的list=5就是你要请求的条数，希望能帮到您，谢谢！

追问

请问list=5 list是获取的哪儿一部分 是不是需要我在php文件里给部分标签id设为list?

追答

list具体是什么是要看php里面传的参数名是什么，我现在是随便写了个参数名

追问

能给个完整的文件包让我试试吗 我研究下 。。

追答

目前暂时没有，不好意思

Answer 4

你看一下  这是一个简单的完整的代码样例，很容易看懂，但是没有数据不能直接出效果，需要你后期调试