jquery.ajax()의 get 메소드와 post 메소드 사용법에 대한 자세한 설명
- 伊谢尔伦원래의
- 2017-06-19 10:19:391718검색
1.$.get()은 HTTP GET 요청을 통해 서버에 데이터를 요청합니다.
문법 구조:
$.get(url, [data], [callback], [type]);
매개변수 분석:
1.URL: 필수, 요청된 URL을 지정합니다.
2.data: 선택사항, 전송될 키/값 매개변수.
3.callback: 선택사항, 요청이 성공한 후 실행되는 콜백 함수입니다.
4.type: 선택 사항, 반환 콘텐츠 형식, xml, html, script, json, text, _default.
코드 예:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.php.cn/" />
<title>php.cn</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#bt").click(function(){
$.get("mytest/demo/antzone.txt",function(data,status){
alert("Data:"+data+"\nStatus:"+status);
})
})
})
</script>
</head>
<body>
<input type="button" value="查看效果" id="bt"/>
</body>
</html>2 $.post() 메서드는 HTTP POST 요청을 통해 서버에 데이터를 요청합니다.
문법 구조:
$.post(URL,data,callback);
매개변수 분석:
1.URL: 필수, 요청된 URL을 지정합니다.
2.data: 선택 사항이며 요청과 함께 전송될 데이터를 지정합니다.
3.callback: 선택 사항이며 요청이 성공한 후 실행할 함수 이름을 지정합니다.
코드 예:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.php.cn/" />
<title>php.cn</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#bt").click(function(){
$.post("mytest/demo/antzone.html",function(data,status){
alert("Data:"+data+"\nStatus:"+status);
})
})
})
</script>
</head>
<body>
<input type="button" value="查看效果" id="bt"/>
</body>
</html>복잡한 $.ajax를 대체하는 간단한 POST 요청 함수입니다. 요청이 성공하면 콜백 함수를 호출할 수 있습니다. 오류 발생 시 함수를 실행해야 하는 경우 $.ajax를 사용하세요.
$.post(
'http://www.php.cn/ajax.php',
{Action:"post",Name:"lulu"},
function(data,textStatus){
//data可以是xmlDoc,jsonObj,html,text,等等.
//this;//这个Ajax请求的选项配置信息，请参考jQuery.get()说到的this
alert(data.result);
},
"json"//这里设置了请求的返回格式为"json"
);요청 형식을 "json"으로 설정하고 응답에서 반환된 ContentType을 Response.ContentType = "application/json"으로 설정하지 않으면 반환된 데이터를 캡처할 수 없습니다.
위 예제에서는 Accept 헤더가 "json"으로 설정되어 있으므로 여기에 반환된 데이터는 객체이므로 eval()을 사용하여 이를 객체로 변환할 필요가 없습니다. 물체.
위 내용은 jquery.ajax()의 get 메소드와 post 메소드 사용법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!