Maison > interface Web > js tutoriel > Exemple d'analyse de get() et post() dans une application ajax en jquery

Exemple d'analyse de get() et post() dans une application ajax en jquery

黄舟
Libérer: 2017-09-07 14:11:00
original
1387 Les gens l'ont consulté

Application Ajax dans jquery - get() et post()

Obtenir et poster des données d'envoi de différentes manières, mais dans l'ajax de jquery, cette différence n'est pas visible pour l'utilisateur. Il y a une limite à la taille des données transmises par get. Les données demandées par get seront mises en cache par le navigateur. Les deux méthodes sont reçues différemment côté serveur.

get()
Le formulaire de fonction get dans jquery est $.get(URL,data,callback,type);

Le code est le suivant :

$.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数据,当成对象使用});
Copier après la connexion

post()
La forme de la fonction post dans jquery est $.post(URL,data,callback);
Le code est le suivant :

$.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数据,当成对象使用});
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal