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);//
}