Maison  >  Article  >  interface Web  >  jquery sérialise le formulaire et traite les données json renvoyées après la soumission à l'aide d'ajax_jquery

jquery sérialise le formulaire et traite les données json renvoyées après la soumission à l'aide d'ajax_jquery

WBOY
WBOYoriginal
2016-05-16 16:57:252253parcourir

1. Renvoie la chaîne json :

Copier le code Le code est le suivant :

/**Afficher une chaîne dans le navigateur*/
protected void writeJson(String json) {
PrintWriter pw = null;
try {
servletResponse.setContentType("text/plain;charset=UTF-8");
pw = servletResponse. getW riter() ;
pw.write(json);
pw.flush();
pw.close();
} catch (IOException e) {
e.printStackTrace( );
                                                                                                                >

2. Convertissez la chaîne json renvoyée en un objet json via eval :



Copiez le code


Le code est le suivant :


$.ajax({
        data :{
            "shipmmsi":shipmmsi,
            "shipname":shipname
         },
        "shipbk/findS url : hipMMSIAndName.do ",
        async : true,
        type : "POST",
        success : function(data) {
            var ship = eval('(' data ')');
            $( "#bindShipmmsiDiv table tbody").html("");
            if(ships!=null){
                if(ships.length){
                     $("#bindShipmmsiDiv").show();
                    var trs="";
                   for(var i=0;i                        trs ="" navires[i].mmsi " & lt; / td & gt; & lt; td & gt; "navires [i] .vesselname" & lt; / td & gt; & lt; / tr & gt; ";
}
$ (" # bindShipMmmSidiv Table Tody "). ;
                    //给tr注册点击事件
                   $("#bindShipmmsiDiv table tbody tr").click(function(){
                        $(this).addClass('select_tr').siblings(). removeClass('select_tr');
                    });
                   $("#bindShipmmsiDiv table tbody tr").dblclick(function(){
                        fillShipMMSIAnd Name (ce);
                        $("#bindShipmmsiDiv" ).hide();
                    });
               }
            }
        }
    });

3. Jquery utilise $("form").serialize() pour créer un formulaire en utilisant ajax et en utilisant form.处理返回的数据。

复制代码 代码如下:

$.ajax({
  url : 'deliveryWarrant/update.do',
  data : $('#myform').serialize(),
  type : "POST",
  success : function(data) {
    var res = eval('(' data ') ')( "#myform input[name=godownWarrant\.code]").val();
    } else {
      alert(res.message);
    }
  }
});

4. Méthodes pour éviter les caractères tronqués :

page jsp : charset : utf-8
servlet:utf-8
filter:utf-8
Ajouter
response.setCharacterEncoding(" avant PrintWriter out = réponse.getWriter() UTF- 8") peut résoudre le problème des caractères tronqués.
Mais pensez à le mettre avant de déclarer PrintWwrite.

En bref, l'interface frontale, les fichiers Java, les bases de données et les connexions aux bases de données utilisent tous un codage unifié, de sorte qu'il n'y aura pas de caractères tronqués

Déclaration:
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