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è)問(wèn)題找了好久才發(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)給數(shù)字添加千位分隔符
這篇文章主要為大家詳細(xì)介紹了JavaScript如何實(shí)現(xiàn)給數(shù)字添加千位分隔符,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-11-11
JS獲取當(dāng)前時(shí)間的兩種方法小結(jié)
這篇文章主要給大家介紹了關(guān)于JS獲取當(dāng)前時(shí)間的兩種方法,在web開發(fā)中,通過(guò)js獲取時(shí)間非常的常用,我這里做個(gè)總結(jié),需要的朋友可以參考下2023-09-09
JavaScript實(shí)現(xiàn)鼠標(biāo)滾輪控制頁(yè)面圖片切換功能示例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)鼠標(biāo)滾輪控制頁(yè)面圖片切換功能,涉及javascript事件響應(yīng)及頁(yè)面元素動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-10-10
js實(shí)現(xiàn)文本框中輸入文字頁(yè)面中div層同步獲取文本框內(nèi)容的方法
這篇文章主要介紹了js實(shí)現(xiàn)文本框中輸入文字頁(yè)面中div層同步獲取文本框內(nèi)容的方法,實(shí)例分析了javascript操作dom元素的技巧,需要的朋友可以參考下2015-03-03
JavaScript常見(jiàn)的跨標(biāo)簽頁(yè)通信方式總結(jié)
跨標(biāo)簽頁(yè)通信是指在瀏覽器中的不同標(biāo)簽頁(yè)之間進(jìn)行數(shù)據(jù)傳遞和通信的過(guò)程,這篇文章為大家整理了前端常見(jiàn)的跨標(biāo)簽頁(yè)通信方式,有需要的小伙伴可以了解下2023-10-10
javaScript(JS)替換節(jié)點(diǎn)實(shí)現(xiàn)思路介紹
獲取要替換的節(jié)點(diǎn),這種方法只適用于IE瀏覽器以及適用于各種瀏覽器的寫法,感興趣的朋友可以參考下哈2013-04-04
javascript appendChild,innerHTML,join性能比較代碼
在實(shí)際應(yīng)用中,應(yīng)該避免直接用innerHTML,對(duì)于大量的字符連接運(yùn)算,應(yīng)該考慮先運(yùn)算再輸出。2009-08-08
Javascript實(shí)現(xiàn)飛動(dòng)廣告效果的方法
這篇文章主要介紹了Javascript實(shí)現(xiàn)飛動(dòng)廣告效果的方法,可實(shí)現(xiàn)廣告窗口的浮動(dòng)顯示效果,且廣告窗口具有關(guān)閉功能,需要的朋友可以參考下2015-05-05

