jQuery 프레임 워크의 ajax 함수- (get) (get)( g e t ) (게시물)
[외부 링크 이미지 전송 실패, 소스 사이트에 안티 리치 링크 메커니즘이있을 수 있습니다. 이미지를 저장하고 직접 업로드하는 것이 좋습니다. (img-rw3ZjWHk-1600399755294) (
)]
## $. get request-principle
기능을 얻다
$ .get (URL, [데이터], [콜백], [유형])
url : "s1"과 같은 서버의 액세스 경로를 나타냅니다.
데이터 : 서버로 전송 된 매개 변수를 나타냅니다. 형식 : 1 : "username = wzx & password = 123"2 : json 문자열
callback : 서버에서 보낸 응답을받는 익명 함수,이 함수는 자동으로 실행됩니다.
type : 브라우저가 서버에서 예상하는 데이터 유형을 나타냅니다. 형식 : "text" "json"
요청 원칙 받기
## jquery_ajax.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/jquery-3.3.1.js"></script>
<script type="application/javascript">
$(function () {
$("#btn").on("click", function () {
$.get(
"s2",
"username=lbl&password=admin123",
function (data) {
//这个data就是服务器返回的字符串
//处理数据
alert(data);
},
"text"
);
})
})
</script>
</head>
<body>
<!--设计一个按钮,一点击这个按钮,就向服务器发出异步请求-->
<input type="button" value="点我,发出异步请求s2" id="btn"/>
</body>
</html>
실행 결과 :
## AjaxServlet2 :
package com.lbl.servlet;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
@WebServlet("/s2")
public class AjaxServlet2 extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doGet(request, response);
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
System.out.println("收到了异步请求....s2");
response.getWriter().write("helloworld...s2");
String username = request.getParameter("username");
String password = request.getParameter("password");
System.out.println(username);
System.out.println(password);
}
}
실행 결과 :
Post와 동일
jquery_ajax_post.html 전체 코드 :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/jquery-3.3.1.js"></script>
<script type="application/javascript">
$(function () {
$("#btn").on("click", function () {
$.get(
"s2",
"username=lbl&password=admin123",
function (data) { //这个data就是服务器返回的字符串
//处理数据
alert(data);
},
"text"
);
$.post(
"s2",
"username=lft&password=123",
function(data){ //这个data就是服务器返回的字符串 var data = []
//处理数据
},
"json"
);
var url = "s2";
var param = "username=lft&password=123";
var func = function(data){
};
var type = "json";
$.post(url,param,func,type);
})
})
</script>
</head>
<body>
<!--设计一个按钮,一点击这个按钮,就向服务器发出异步请求-->
<input type="button" value="点我,发出异步请求s2" id="btn"/>
</body>
</html>