집 > 기사 > 웹 프론트엔드 > jQuery post를 사용하여 특수 문자가 포함된 데이터를 전달하는 방법

jQuery post를 사용하여 특수 문자가 포함된 데이터를 전달하는 방법

亚连원래의: 2018-05-24 16:05:572159검색

jquery에서는 일반적으로 $.ajax 또는 $.post를 사용하여 데이터 전송 처리를 해결하지만 여기서는 일반적으로 "<"와 같은 특수 문자를 전달하는 방법을 해결하는 데 도움이 됩니다. 특수문자 관심 있는 친구들은 함께 문자 데이터를 살펴보세요

jQuery에서는 데이터 전송 처리를 위해 보통 $.ajax나 $.post를 사용하는데, "<"와 같은 특수 문자는 일반적으로 허용되지 않습니다. 여기로 옮겨지세요. 이 글에서는 특수문자가 포함된 이런 종류의 데이터를 전달하는 방법을 소개합니다.

1. 페이지 및 제어 코드 준비

페이지 코드는 다음과 같습니다.

<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"/>

배경 코드는 다음과 같습니다.

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

여기서 StudentIn fo는 정의된

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

2. 테스트 데이터 전송

일반 데이터를 전송하면 모든 것이 정상입니다.

하지만 특수 문자가 포함된 데이터를 입력하면 정상적으로 백그라운드로 전달되지 않습니다.

3. 처리 방법

꼭 특수 문자를 전달하는 경우에는 jQuery 코드를 조정해야 합니다. 조정된 요청 코드는 다음과 같습니다.

<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>

조정을 위한 주요 사항은 두 가지입니다.

맞습니다. 전달된 json 데이터는 JSON.stringify로 직렬화됩니다.
$.ajax 요청에 새 매개변수를 추가하세요: contentType:'application/json'

위 내용은 모두에게 도움이 되기를 바랍니다. 앞으로도 다들.

jQuery post를 사용하여 특수 문자가 포함된 데이터를 전달하는 방법

관련 기사