jquery ajax实例 php,jquery中各个ajax实例操作

jquery_ajax.html

$(document).ready(function(){

//jquery.ajax()

$("#button1").click(function(){

htmlOjbect = $.ajax({url:"/www.7789.com/testfile/test.php?c=3&t=5", async:false});//不要忘记{}

$("#getText1").html(htmlOjbect.responseText);

});

//ajaxSend()

$("#sendDiv").ajaxSend(function(e, xhr, opt){

$(this).html("正在请求……"+opt.url);//此处的url就是下面的load地址

});

$("#button2").click(function(){

$("#getText2").load("/www.7789.com/testfile/test.php?c=2&t=5");

});

//get()

$(".button3").click(function(){

$.get("/www.7789.com/testfile/test.php?c=5&t=5",function(result){

$(".getText3").html(result);

});

});

//get() method2

$(".button4").click(function(){

$.get("/www.7789.com/testfile/test.php",{c:'2', t:'0'},function(result){

$(".getText4").html(result);

});

});

//serializeArray()

$("#formButton").click(function(){

x = $("form").serializeArray();

$.each(x, function(i, field){

$("#results").append(field.name + ":" + field.value + "\t");//里面的name和value分别对应input标签

});

});

});

ajax异步获取内容

ajaxSend异步获取内容

get异步获取内容1

get异步获取内容2

FirstName:

LastName:

序列号表单

//function eval test

eval("x=10;y=20;document.write('x*y='+x*y);");

document.write("
2+12="+eval("2+12"));

var x=10;

document.write("
x+17="+eval(x+17));

//要注意txt里面的格式，很复杂的，最后还要少个‘才能正常运行

var txt = '{"employees": ['

+'{"firstName":"Bill","lastName":"Gates"},'

+'{"firstName":"George","lastName":"Bush"},'

+'{"firstName":"Thomas","lastName":"Yang"}]}';

var obj = eval("("+txt+")");

document.getElementById("evalText1").innerHTML = obj.employees[1].firstName;

document.getElementById("evalText2").innerHTML = obj.employees[1].lastName;