天天看點

ajax周遊json資料并輸出到html,ajax與json 擷取資料并在前台使用簡單執行個體

用ajax擷取背景資料,傳回json資料,怎麼在前台使用呢?

if (dataType == "SearchCustomer")

{

int ID;

if (Int32.TryParse(CustomerID,out ID))

{

string s = GridComputer.GridCustomer.getCustomer(1,1,ID);

if (s == null)

{

context.Response.ContentType = "text/plain";

context.Response.Write("[{\"name\":無使用者,\"id\":\"0\",\"company\":\"無使用者\"}]");

}

else { context.Response.Write(s); }

}

}

$(document).ready(function () {

$("#Button3").click(

function (SucCallback) {

$.ajax(

{

type: "get",url: 'GridDatas.ashx',//背景處理程式

dataType: 'json',//接受資料格式

data: 'DataType=SearchCustomer&CustomerID=' + document.getElementById("Text3").value,//要傳遞的資料

success:SucCallback,error: function () { alert("error"); }

});

})

})

參考代碼

使用者有

';

list += '姓名電話

看你的json資料是清單還是單個了,就一條就無需中括号了

使用者,\"company\":\"無使用者\"}");

$(document).ready(function () {

$("#Button3").click(

function (SucCallback) {

$.ajax(

{

type: "get",//要傳遞的資料

function (dataJson) {

alert(dataJson.Name);

alert(dataJson.Id);

},error: function () { alert("error"); }

});

})

})

感謝閱讀,希望能幫助到大家,謝謝大家對本站的支援!

總結

如果覺得程式設計之家網站内容還不錯,歡迎将程式設計之家網站推薦給程式員好友。

本圖文内容來源于網友網絡收集整理提供,作為學習參考使用,版權屬于原作者。

小編個人微信号 jb51ccc

喜歡與人分享程式設計技術與工作經驗,歡迎加入程式設計之家官方交流群!

相關文章

猜你在找的Ajax相關文章

function ajaxPost(dataUrl, parameter, callback, bef_callback, com_callback, err_callback) { $.ajax({

JS原生Ajax操作(XMLHttpRequest) GET請求 POST請求 相容性問題 利用iframe模拟ajax 實作表單送出的傳回結果在iframe中進行顯示,實作首頁面不重新整理效果,也可以模

踩坑Axios送出form表單幾種格式 前後端分離的開發前後端, 前端使用的vue,後端的安全子產品使用的SpringSecurity,使用postman測試後端的權限接口時發現都正常,但是使用vue+

很早就聽聞ajax的名聲,但是卻一直不知道怎麼用,今天自己搗鼓了一下,竟然會用了,哈哈哈哈。 為了防止我自己忘記,現在把這個簡單的執行個體記錄下。這個執行個體是網上搜的,文末附上連結。 首先你得有自己的伺服器

Ajax函數封裝ajax.js // Get / Post // 參數 get post // 是否異步 // 如何處理響應資料 // URL // var handleResponse = func

ajax執行個體,檢測使用者與注冊 檢測使用者名是否被占用: 在使用者填寫完使用者名之後,ajax會異步向伺服器發送請求,判斷使用者名是否存在 首先寫好靜态頁面: index.html <!DOCTYPE h

用戶端部分: