jquery.ajax()의 get 메소드와 post 메소드 사용법에 대한 자세한 설명-JS 튜토리얼-php.cn

jquery.ajax()의 get 메소드와 post 메소드 사용법에 대한 자세한 설명

伊谢尔伦

풀어 주다： 2017-06-19 10:19:39

원래의

1793명이 탐색했습니다.

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="//m.sbmmt.com/" />
<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="//m.sbmmt.com/" />
<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(
  &#39;//m.sbmmt.com/ajax.php&#39;,
  {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 중국어 웹사이트의 기타 관련 기사를 참조하세요!