js使用ajax传值给后台,后台返回字符串处理方法
2019/6/27 7:48:14
本文主要是介绍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传值给后台,后台返回字符串处理方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持找一找教程网。
这篇关于js使用ajax传值给后台,后台返回字符串处理方法的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-09vue3开发前端表单缓存自定义指令,移动端h5必备插件
- 2024-05-09React Hooks在class组件中的使用方式
- 2024-03-30[OIDC in Action] 2. 基于OIDC(OpenID Connect)的SSO(纯JS客户端)
- 2024-03-29terraform jsonencode
- 2024-03-13vuex-persist
- 2024-03-11icons for vue
- 2024-03-07breadcrumbs react js
- 2024-03-06react login page example
- 2024-03-06react router uselocation
- 2024-03-04postgres jsonb_set