AJAX_实现_JQuery实现方式_ajax()_其他键值与AJAX_实现_JQuery实现方式_get&post
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>
