ajax常用函数,ajax的常用函数；

Insert title here

The Jquery ajax

jquery

$get(...)

输入:

οnclick="doPost()" value="提交 ">

1.这个是get提交函数；

function doGet() {

//请求url

var url = "/jquery/doAjaxGet";

//请求参数

var params = "msg=hello jquery ahax get method";//将代码转为大写的字母

//发送异步请求

$.get(url, params, function(result) {

//document.querySelector("#resultId").innerHTML =result;

$("#resultId").html(result);//

})

}

2.post提交函数

function doPost() {

//请求url

var url = "/jquery/doAjaxPost";

//请求参数

var name = document.forms[0].name.value;//获取name的值；

var params = "name=" + name;//将代码转为大写的字母

//发送异步请求

$.post(url, params, function(result) {

//document.querySelector("#resultId").innerHTML =result;

$("#resultId").html(result);//

})

}

3.这个是ajax提交函数

function doAjax() {

//1.定义请求的url

var url = "doAjaxGet";

//2.定义请求的参数

var params = "msg=hello jquery ajax request";

//3.发送异步Get请求

//这里的$符号为jQuery中的一个对象

$.ajax({

//左边的东西是系统定义的不能随便乱改 ；

type : "GET",//可以省略默认为get请求

url : url,

data : params,//无需向服务端传参时可以不写

async : true,//可以补写(由ajax函数neibu基于返回值进行匹配处理)

success : function(result) { //处理服务端返回的正常信息

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

},

error : function(xhr) {//处理服务端返回的异常信息

console.log(xhr.statusText);

$("#result").html(xhr.statusText);

}

})

}

4.这个是load提交函数

function doLoad() {

//1.定义请求的url

var url = "doAjaxGet";

//2.定义请求的参数

var params = "msg=hello jquery ajax request";

//3.发送异步Get请求

//通过load函数向服务端发送异步请求，将服务端响应的结果异步更新到

//resultId对应的位置

$("#result").load(url);//

}