用ajax获取后台数据,返回json数据,怎么在前台使用?

时间:2022-11-14 23:46:27

用ajax获取后台数据,返回json数据,怎么在前台使用呢?

后台

C# code
 
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
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); }
                     }
 
                


前台

JavaScript code
 
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
  $(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" ); }
             });
         })
         })



参考代码

JavaScript code
 
?
1
2
3
4
5
6
7
8
9
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"); }
            });
        })
        })