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

求实现代码 带下注释谢谢 我想研究下怎么实现这个功能 没用过ajax
2025-01-01 11:31:00
推荐回答(4个)
回答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的对象里
             }
)}
   //接收通过ajax异步post上来的数据
   $id = $_POST['id'];
   $num = $_POST['num'];
   //处理需要的数据
   。。。。
   。。。。
  echo  json_encode($list);//输出通过php查询的数据转并换成json字符串//PS:这个就是js中success(data)中的 data。
?>

回答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就是你要请求的条数,希望能帮到您,谢谢!

回答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就是你要请求的条数,希望能帮到您,谢谢!

回答4:

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