欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

js使用ajax传值给后台,后台返回字符串处理方法

时间:2020-11-11 11:29:55|栏目:JavaScript代码|点击:

之前使用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);

此一时彼一时也,这个问题找了好久才发现。

上一篇:创建ajax对象并兼容多个浏览器

栏    目:JavaScript代码

下一篇:浅析Javascript ES6新增值比较函数Object.is

本文标题:js使用ajax传值给后台,后台返回字符串处理方法

本文地址:http://www.codeinn.net/misctech/21437.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有