js如何使用ajax傳值給后臺以及后臺返回字符串進行處理

這篇文章主要為大家展示了“js如何使用ajax傳值給后臺以及后臺返回字符串進行處理”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“js如何使用ajax傳值給后臺以及后臺返回字符串進行處理”這篇文章吧。

之前使用js獲取后臺生成的JSON字符串，然后給select填充值，這次需要重新獲取一次。

這里的目標是，在一個input輸入框里，輸入一個用戶名，判斷是否為空，是否不存在，如果存在返回幾個字段給前臺，前臺再綁定到其他input上

直接壘代碼

HTML頁面

<code class="language-html"><input type="text" id="iusername" runat="server" onblur="tbox_click()"/> 
<input id="inadd" runat="server" type="text" /> 
<input id="intel" runat="server" type="text" /></code>

js

<script>
  function tbox_click() {
   var cc = document.getElementById("iusername").value;
   var jsonob = {tbname:cc};
   $.ajax({
    type: "Post",
    url: "tc.aspx/Tbclick",
    contentType: "application/json; charset=utf-8",
    dataType: "text",
    data: JSON.stringify(jsonob),
    success: function (data) {
     var a = eval("(" + data + ")");
     var al = a.d;
     if (al == "namenull") {
      alert("The user name does not exist. Please re-enter it(該用戶名不存在，請重新輸入)");
      return;
     }
     if (al == "null") {
      alert("Please input OBTUsername(請輸入用戶名)");
      return;
     }
     //alert(a.d);
     var myd = new Array();
     myd = a.d.split("|");
     $("#intel").val(myd[0]);
     $("#inadd").val(myd[1]);
    },
    error: function (e) {
     alert(e.message);
    }
   });
  }
 </script>

后臺

[WebMethod]
  public static string Tbclick(string tbname)
  {
   if (tbname.Trim() == "")
   {
    return "null";
   }
   var user = new User(tbname.Trim());//這個是根據tbname從數據庫中獲取信息的方法，可以自行填寫
   if (user.userName == null)
   {
    return "namenull";
   }
   string jsonText = user.mobile+"|"+user.address;
 
   return jsonText;
  }

這里重點說一下和之前的那個的區別，之前的有個函數，返回值是已經處理成JSON格式的字符串，這里的返回值則不是，所以在js里的處理不一樣，原來的方式是

var aa = eval("(" + data.d + ")");
alert(aa);

這里則是

var a = eval("(" + data + ")");
alert(a.d);

此一時彼一時也，這個問題找了好久才發現。

以上是“js如何使用ajax傳值給后臺以及后臺返回字符串進行處理”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！