AJAX_实现_JQuery实现方式_ajax()_其他键值
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/jquery-3.3.1.min.js"></script> <script> //定义方法 function fun(){ //使用$.ajax()发送异步请求 $.ajax({ url:"ajaxServlet111" , // 请求路径 type:"POST" , //请求方式 //data: "username=jack&age=23",//请求参数 data:{"username":"jack","age":23}, success:function (data) { alert(data); },//响应成功后的回调函数 error:function (){ alert("出错了....") },//表示如果请求响应出现错误,会执行的回调函数 dataType:"text"//设置接受到的响应式数据的格式 }); } </script> </head> <body> <input type="button" value="发送异步请求" onclick="fun()"> <input> </body> </html>
AJAX_实现_JQuery实现方式_get&post
get:
语法:$.get(url, [data], [callback], [type]) 参数:
url:请求路径
data:请求参数
callback:回调函数
type:响应结果的类型
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/jquery-3.3.1.min.js"></script> <script> //定义方法 function fun() { $.get("ajaxServlet",{username:"rose"},function (data) { alert(data); },"text"); } </script> </head> <body> <input type="button" value="发送异步请求" onclick="fun();"> <input> </body> </html>
POST:
语法:$.post(url, [data], [callback], [type])
参数:
url:请求路径
data:请求参数
callback:回调函数
type:响应结果的类型
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/jquery-3.3.1.min.js"></script> <script> //定义方法 function fun() { $.post("ajaxServlet",{username:"rose"},function (data) { alert(data); },"text"); } </script> </head> <body> <input type="button" value="发送异步请求" onclick="fun();"> <input> </body> </html>
翻译
搜索
复制
标签:JQuery,function,请求,get,实现,AJAX,data From: https://www.cnblogs.com/x3449/p/17150163.html