So verwenden Sie jQuery Post, um Daten mit Sonderzeichen zu übergeben

In jquery verwenden wir normalerweise $.ajax oder $.post, um die Datenübertragungsverarbeitung zu lösen, aber Sonderzeichen dürfen hier normalerweise nicht übergeben werden, wie zum Beispiel: „<“. pass this Für Daten, die Sonderzeichen enthalten, sollten interessierte Freunde einen Blick darauf werfen

In jQuery verwenden wir normalerweise $.ajax oder $.post für die Datenübertragungsverarbeitung, Sonderzeichen können hier jedoch normalerweise nicht übertragen werden, z als: „ <“. In diesem Artikel wird erläutert, wie diese Art von Daten mit Sonderzeichen übergeben werden.

1. Bereiten Sie die Seite und den Steuercode vor

Der Seitencode lautet wie folgt:

<script type="text/javascript">
  $(function() {
      $("#btnSet").click(function() {
        var a = $("#txtValue").val();
        var data = { Name: a };
        alert(data);
        $.ajax({
          url: &#39;@Url.Action("MyTest")&#39;,
          type: &#39;post&#39;,
          dataType: &#39;json&#39;,
          data: data,
        });
      });
    }
  );
</script>
<h2>Index</h2>
<input type="text" id="txtValue"/><input type="button" value="设置" id="btnSet"/>

Der Hintergrundcode lautet wie folgt:

  public ActionResult MyTest(StudentInfo stu)
    {
      return Content("OK");
    }

wobei StudentInfo wie folgt definiert ist:

  public class StudentInfo
  {
    public string Name { get; set; }
  }

2. Datenübertragung testen

Wenn wir normale Daten übergeben, funktioniert alles einwandfrei.

Wenn jedoch Daten eingegeben werden, die Sonderzeichen enthalten, können diese nicht normal an den Hintergrund weitergegeben werden.

3. Verarbeitungsmethode

Wenn Sie sicher sind, Sonderzeichen zu übergeben, müssen Sie den jQuery-Code anpassen. Der angepasste Anforderungscode lautet wie folgt:

<script type="text/javascript">
  $(function() {
      $("#btnSet").click(function() {
        var a = $("#txtValue").val();
        var data = JSON.stringify({ Name: a });
        alert(data);
        $.ajax({
          url: &#39;@Url.Action("MyTest")&#39;,
          type: &#39;post&#39;,
          dataType: &#39;json&#39;,
          data: data,
          contentType: &#39;application/json&#39;
        });
      });
    }
  );
</script>

Es gibt zwei Hauptanpassungen:

Serialisieren Sie die zu übergebenden JSON-Daten JSON.stringify
Fügen Sie neue Parameter in der $.ajax-Anfrage hinzu ：contentType:'application/json'

Das Obige habe ich für alle zusammengestellt. Ich hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

Ajax-Asynchronous-Übermittlungsdaten-Rückgabewert-Beispielanalyse des Newline-Problems

Ajax-Anfrage-Rückgabedaten-Sequenzproblem Analyse

Lösung zur Verhinderung des wiederholten Sendens von Ajax-Anfragen

Das obige ist der detaillierte Inhalt vonSo verwenden Sie jQuery Post, um Daten mit Sonderzeichen zu übergeben. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!