js使用ajax傳值給后臺(tái),后臺(tái)返回字符串處理方法
之前使用js獲取后臺(tái)生成的JSON字符串,然后給select填充值,這次需要重新獲取一次。
這里的目標(biāo)是,在一個(gè)input輸入框里,輸入一個(gè)用戶名,判斷是否為空,是否不存在,如果存在返回幾個(gè)字段給前臺(tái),前臺(tái)再綁定到其他input上
直接壘代碼
HTML頁(yè)面
<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(該用戶名不存在,請(qǐng)重新輸入)"); return; } if (al == "null") { alert("Please input OBTUsername(請(qǐng)輸入用戶名)"); 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>
后臺(tái)
[WebMethod] public static string Tbclick(string tbname) { if (tbname.Trim() == "") { return "null"; } var user = new User(tbname.Trim());//這個(gè)是根據(jù)tbname從數(shù)據(jù)庫(kù)中獲取信息的方法,可以自行填寫 if (user.userName == null) { return "namenull"; } string jsonText = user.mobile+"|"+user.address; return jsonText; }
這里重點(diǎn)說(shuō)一下和之前的那個(gè)的區(qū)別,之前的有個(gè)函數(shù),返回值是已經(jīng)處理成JSON格式的字符串,這里的返回值則不是,所以在js里的處理不一樣,原來(lái)的方式是
var aa = eval("(" + data.d + ")"); alert(aa);
這里則是
var a = eval("(" + data + ")"); alert(a.d);
此一時(shí)彼一時(shí)也,這個(gè)問題找了好久才發(fā)現(xiàn)。
以上這篇js使用ajax傳值給后臺(tái),后臺(tái)返回字符串處理方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- JS實(shí)現(xiàn)字符串翻轉(zhuǎn)的方法分析
- Javascript格式化并高亮xml字符串的方法及注意事項(xiàng)
- json字符串傳到前臺(tái)input的方法
- nodejs 十六進(jìn)制字符串型數(shù)據(jù)與btye型數(shù)據(jù)相互轉(zhuǎn)換
- JS實(shí)現(xiàn)用特殊符號(hào)替換字符串的中間部分區(qū)域的實(shí)例代碼
- javascript使用正則實(shí)現(xiàn)去掉字符串前面的所有0
- JavaScript 正則表達(dá)式與字符串查找方法
- JS判斷字符串是否為整數(shù)的方法--簡(jiǎn)單的正則判斷
- JS中判斷字符串存在和非空的方法
相關(guān)文章
JavaScript如何實(shí)現(xiàn)LRU緩存淘汰算法
LRU(Least Recently Used)緩存淘汰算法是一種常見的緩存淘汰策略,它的核心思想是優(yōu)先淘汰最近最少使用的緩存數(shù)據(jù),以保證緩存中的數(shù)據(jù)始終是最熱門的。本文主要介紹了一些關(guān)于如何實(shí)現(xiàn)LRU緩存淘汰算法的方法,感興趣的小伙伴可以參考一下2023-04-04基于BootStrap Metronic開發(fā)框架經(jīng)驗(yàn)小結(jié)【三】下拉列表Select2插件的使用
本文主要給大家介紹在編輯頁(yè)面中常用到的控件Select2,這個(gè)控件可以更加豐富傳統(tǒng)的Select下拉列表控件,提供更多的功能和更好的用戶體驗(yàn),2016-05-05javascript實(shí)現(xiàn)瀑布流動(dòng)態(tài)加載圖片原理
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)瀑布流動(dòng)態(tài)加載圖片原理,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-08-08JavaScript實(shí)現(xiàn)隨機(jī)五位數(shù)驗(yàn)證碼
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)隨機(jī)五位數(shù)驗(yàn)證碼,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-09-09