ajax與json 擷取資料並在前台使用簡單一實例，ajaxjson

ajax與json 擷取資料並在前台使用簡單一實例，ajaxjson

用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"); }      });    })    })

參考代碼

grid.getCustomer(1,2,function (data) {    var list = '<p>' + tree_GridInfo._name + '的使用者有</p><br>';    list += '<table id="customers"><tr><th>姓名</th><th>電話</th></tr> ';    $.each(data, function (i, n) {      list += '<tr onclick="showUser(' + 1 + ')"><td>';      list += n.name + '</td>' + '<td>' + n.company;      list += '</td></tr>';    });    $("#SearchResult").html(list)

看你的json資料是列表還是單個了，就一條就無需中括弧了

context.Response.Write("{\"name\":無使用者,\"id\":\"0\",\"company\":\"無使用者\"}");$(document).ready(function () {      $("#Button3").click(    function (SucCallback) {      $.ajax(      {        type: "get",        url: 'GridDatas.ashx', //幕後處理程式          dataType: 'json',   //接受資料格式          data: 'DataType=SearchCustomer&CustomerID=' + document.getElementById("Text3").value,     //要傳遞的資料          function (dataJson) {           alert(dataJson.Name);           alert(dataJson.Id);        },        error: function () { alert("error"); }      });    })    })

 感謝閱讀，希望能協助到大家，謝謝大家對本站的支援！