JQuery-Methode zum Zusammenfügen von Ajax-JSON und String

Organisieren Sie die Dokumente und suchen Sie nach einem JQuery-Splicing-Ajax-JSON- und String-Splicing-Code. In diesem Artikel wird hauptsächlich die JQuery-Splicing-Ajax-JSON- und String-Splicing-Methode vorgestellt. Hier finden Sie einen detaillierten Code.

jQuery verkettet die Zeichenfolge Ajax

<form id="myForm" action="#">
  <input name="name"/>
  <input name="age"/>
  <input type="submit"/>
</form>
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
  (function($){
    $.fn.serializeJson=function(){
      var serializeObj={};
      $(this.serializeArray()).each(function(){
        serializeObj[this.name]=this.value;
      });
      return serializeObj;
    };

    $(&#39;#myForm&#39;).bind(&#39;submit&#39;,function(e){
      console.log($(this).serializeJson())
    })
  })(jQuery)

</script>

oder serialisiert sie direkt mit $("#formid").serialize(). . .

Das obige Plug-in kann nicht auf Eingabesteuerelemente mit mehreren Werten angewendet werden, wie z. B. Kontrollkästchen und Mehrfachauswahl. Als Nächstes werde ich das Plug-in weiter modifizieren, um Mehrfachauswahlen zu unterstützen. Der Code lautet wie folgt:

Js-Code

(function($){
  $.fn.serializeJson=function(){
    var serializeObj={};
    var array=this.serializeArray();
    var str=this.serialize();
    $(array).each(function(){
      if(serializeObj[this.name]){
        if($.isArray(serializeObj[this.name])){
          serializeObj[this.name].push(this.value);
        }else{
          serializeObj[this.name]=[serializeObj[this.name],this.value];
        }
      }else{
        serializeObj[this.name]=this.value;
      }
    });
    return serializeObj;
  };
})(jQuery);

Hier kapsele ich den mehrfach ausgewählten Wert zur Verarbeitung in einen numerischen Wert ein. Wenn Sie den Mehrfachauswahlwert bei der Verwendung in eine durch „“,“ oder andere Formen verbundene Zeichenfolge kapseln müssen, ändern Sie bitte den entsprechenden Code selbst.

Der Test sieht wie folgt aus:

Form:

Html-Code

<form id=”myForm” action=”#”>
      <input name=”name”/>
      <input name=”age”/>
      <select multiple=”multiple” name=”interest” size=”2″>
      <option value =”interest1″>interest1</option>
      <option value =”interest2″>interest2</option>
      <option value=”interest3″>interest3</option>
      <option value=”interest4″>interest4</option>
      </select>
      <input type=”checkbox” name=”vehicle” value=”Bike” /> I have a bike
      <input type=”checkbox” name=”vehicle” value=”Car” /> I have a car
      <input type=”submit”/>
      </form>

Testergebnis:

{Alter: " aa", Interesse: ["Interesse2", "Interesse4"],Name: "dd",Fahrzeug:["Fahrrad","Auto"]}

<form id="myForm" action="#">
  <input name="name" value="111"/>
  <input name="age" value="2222"/>
  <button type="submit">tijiao</button>
</form>
</body>

<script src="../js/jquery-1.11.0.min.js"></script>
<script>
  var dataId = $("#myForm input").map(function (){
    // return($(this).attr("id"));
    return($(this).attr("name")+&#39;=&#39;+$(this).val());
  }).get().join("&");
  alert(dataId);
  </script>

Verwandte Empfehlungen:

Detaillierte Erklärung zum Spleißen von Zeichenfolgen in der Vue-Syntax

Wie man Ajax verwendet, um HTML-Code dynamisch zu spleißen

Wie man Variablen implementiert und String-Spleißen in Vue

Quelle dieses Artikels: https://blog.csdn.net/lunhui1994_/article/details/54911845

Das obige ist der detaillierte Inhalt vonJQuery-Methode zum Zusammenfügen von Ajax-JSON und String. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!