> 웹 프론트엔드 > JS 튜토리얼 > Jquery의 Ajax 애플리케이션에서 get() 및 post() 분석 예

Jquery의 Ajax 애플리케이션에서 get() 및 post() 분석 예

黄舟
풀어 주다: 2017-09-07 14:11:00
원래의
1403명이 탐색했습니다.

jquery의 Ajax 애플리케이션 - get() 및 post()

Get과 post는 서로 다른 방식으로 데이터를 전송하지만 jquery의 ajax에서는 이러한 차이점이 사용자에게 표시되지 않습니다. get으로 전송되는 데이터의 크기에는 제한이 있습니다. get으로 요청한 데이터는 브라우저에서 캐시됩니다. 두 가지 방법은 서버 측에서 다르게 수신됩니다.

get()
jquery의 get 함수 형식은 $.get(URL,data,callback,type);

코드는 다음과 같습니다.

$.get("web.jsp",{
    name:"name1",                                            //get方法中的数据不仅可以是映射方法,也可以是"name=name1&age=12"的字符串方式,
    age:"12"                                                  //如果有中文,要使用编码,"name="+encodeURIComponent("栾鹏")+"&age=12"},
    function(data,textStatue){                                  //data表示返回的内容,可以是xml,JSON文件,HTML片段。textStatus表示请求状态:sucess,error,notmodified,timeout4种
    $("#p1").html(data);                                    //如果是html片段,直接设置代码段
    username = $(data).find("comment").attr("username");      //如果是xml文档,则使用$转化为dom对象
    username = data.username;                                 //如果是json数据,当成对象使用});
로그인 후 복사

post()
post 함수 형식은 다음과 같습니다. jquery는 $ .post(URL,data,callback)입니다.
코드는 다음과 같습니다.

$.post("web.jsp", $("#form1").serialize(),                 //serialize序列化表单内容,作为jQuery的表单对象的函数。
    function(data,textStatue){                              //data表示返回的内容,可以是xml,JSON文件,HTML片段。textStatus表示请求状态:sucess,error,notmodified,timeout4种
    $("#p1").html(data);                                    //如果是html片段,直接设置代码段
    username = $(data).find("comment").attr("username");      //如果是xml文档,则使用$转化为dom对象
    username = data.username;                                 //如果是json数据,当成对象使用});
로그인 후 복사

위 내용은 Jquery의 Ajax 애플리케이션에서 get() 및 post() 분석 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿