PHP处理$.ajax传来的data数据并返回的过程实例

最新推荐文章于 2021-08-05 19:57:23 发布

原创最新推荐文章于 2021-08-05 19:57:23 发布 · 1.8k 阅读

0 ·

CC 4.0 BY-SA版权

HTML5 同时被 2 个专栏收录

13 篇文章

订阅专栏

php

4 篇文章

订阅专栏

本文介绍如何利用JQuery的Ajax方法实现客户端与服务器之间的数据交换，通过按钮点击触发加载更多功能，并将服务器返回的JSON数据进行解析展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML页面:

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Jquery Ajax</title>
	<script src="jquery.js"></script>
</head>
<body>
	<div class="view"></div>
	<button>加载更多</button>
	<script>
       $(function(){      
        //服务器传参
        $("button").click(function(){
          var jsondata={"info":[{"name":"Ajax","home":"beijing"},{"name":"JSON","home":"web"}]};
          $.ajax({
            url:"html.php",
            type:"post",
            // data:"name=AJAX&home=zhumadian",
            // data:{name:"AJAX",home:"beijing"}, //传到服务器变成了数组，需要转换
            data:jsondata,
            success:function(data){
              data=eval('('+data+')')   //解析JSON字符串为JSON数据 方法一
              // data=JSON.parse(data)  //解析JSON字符串为JSON数据 方法二;
              $.each(data,function(key,value){
                alert(value[1].name)
              })
            }
          })
        })

       })
	</script>
</body>
</html>

服务器端:

<?php 
 //打印出传来的参数
// print_r($_POST); 

//强制转换为对象
// echo json_encode((object)$_POST);
//json_encode(),PHP内置的函数把数组转换为JSON格式数据
echo json_encode($_POST);  //把传来的数据转换为json格式的字符串
?>