php的ajax

最新推荐文章于 2025-12-03 12:04:55 发布

原创最新推荐文章于 2025-12-03 12:04:55 发布 · 350 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#php #function #ajax #json #input #javascript

Query 的ajax 实例：

<html>
<head>
<title>jQuery Ajax 实例演示</title>
</head>
<script language="javascript" src="../lib/jquery.js"></script>
<script language="javascript">

$(document).ready(function ()
{
   $('#send_ajax').click(function (){
     var params=$('input').serialize(); // 序列化表单的值
     $.ajax({
       url:'ajax_json.php', // 后台处理程序
       type:'post',         // 数据发送方式
       dataType:'json',     // 接受数据格式
       data:params,         // 要传递的数据
       success:update_page // 回传函数( 这里是函数名)
     });
   });

//$.post() 方式：
$('#test_post').click(function (){
    $.post(
      'ajax_json.php',
      {
        username:$('#input1').val(),
        age:$('#input2').val(),
        sex:$('#input3').val(),
        job:$('#input4').val()
      },
      function (data) // 回传函数
      {
        var myjson='';
        eval('myjson=' + data + ';');
        $('#result').html(" 姓名:" + myjson.username + "<br/> 工作:" + myjson['job']);
      }
    );
   });

//$.get() 方式：
$('#test_get').click(function ()
{
    $.get(
      'ajax_json.php',
      {
        username:$("#input1").val(),
        age:$("#input2").val(),
        sex:$("#input3").val(),
        job:$("#input4").val()
      },
      function(data) // 回传函数
      {
        var myjson='';
        eval("myjson=" + data + ";");
        $("#result").html(myjson.job);
      }
    );
});
});

function update_page (json) // 回传函数实体，参数为XMLhttpRequest.responseText
{
var str=" 姓名:"+json.username+"<br />";
str+=" 年龄:"+json.age+"<br />";
str+=" 性别:"+json.sex+"<br />";
str+=" 工作:"+json.job+"<br />";
str+=" 追加测试:"+json.append;
$("#result").html(str);
}
</script>

<body>

</body>
</html>

PHP 文件 ajax_json.php ：

<?php
//$arr = $_POST; // 若以$.get() 方式发送数据，则要改成$_GET. 或者干脆:$_REQUEST
$arr = $_REQUEST;
$arr['append'] = ' 测试字符串';
//print_r($arr);
$myjson = my_json_encode($arr);
echo $myjson;