jquery ajax php实例,jquery ajax的例子

JQuery的ajax实例：

jQuery Ajax 实例演示

$(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 + "
工作:" + 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+"
";

str+="年龄:"+json.age+"
";

str+="性别:"+json.sex+"
";

str+="工作:"+json.job+"
";

str+="追加测试:"+json.append;

$("#result").html(str);

}

输入姓名:

输入年龄:

输入性别:

输入工作:

提交

POST提交

GET提交

PHP 文件 ajax_json.php：

//$arr = $_POST; //若以$.get()方式发送数据，则要改成$_GET.或者干脆:$_REQUEST

$arr = $_REQUEST;

$arr['append'] = '测试字符串';

//print_r($arr);

$myjson = my_json_encode($arr);

echo $myjson;

function my_json_encode($phparr)

{

if(function_exists("json_encode"))

{

return json_encode($phparr);

}

else

{

require_once 'json/json.class.php'; //这个文件phpcms的include下有

$json = new Services_JSON;

return $json->encode($phparr);

}

}

?>