php中jquery封装的ajax,jQuery封装的ajax

$.get(url  [,data]  [,fn回调函数]   [, dataType]);data:给服务器传递的数据，请求字符串 、json对象 都可以设置

fn：回调函数，ajax请求完成后调用该函数，可以在此函数完成ajax的后续处理

dataType：服务器返回数据类型，html、text、xml、json

注：该ajax是异步的get方式请求

$.post(url[,data][,fn回调函数][, dataType]);该方法与$.get()方法使用完全一致，不同的是其为post方式请求

$.ajax({  //json对象

url:请求地址,

data:给服务器传递的数据,

dataType:数据从服务器返回格式html、text、xml、json

type:get/post请求方式

success:function(){}  ajax成功请求后的回调函数，可以做后续处理使用

async:[true]异步/false同步，

cache:[true]缓存/false不缓存,

})html>

php.cn

function f1(){

//① $.get(url[,data,fn,dataType])

//$.get('./1.php');

//$.get('./1.php','name=tom&age=20',function(msg){

//$.get('./1.php',{name:'小强',age:21},function(msg){

//    alert(msg)

//});

$.get('/1.php',{name:'小明',age:21},function(msg){

alert(msg.name+"--"+msg.age)

},'json');

//$.get('./1.php',function(msg){

//ajax完成请求的“回调函数”

//msg是自定义变量，代表从服务器返回的信息

//    alert(msg);

//});

}

function f2(){

//$.ajax({url: data:  dataType:  type:get/post  success:})

$.ajax({

url:'/1.php',

data:{name:'小方',age:21},

dataType:'json',

type:'get',

success:function(msg){

//msg代表服务器返回的信息

alert(msg.name+"--"+msg.age);

}

});

}

ajax请求

php内容为：<?php

$name=$_GET['name'];

$age=$_GET['age'];

$arr =array(

'name'=>$name,

'age'=>$age

);

echo json_encode($arr);

?>

注：大家可以将这两个文件复制到本地，放在一个文件夹中进行测试