ajax与json 获取数据并在前台使用简单实例 - 网站

ajax与json 获取数据并在前台使用简单实例

分类:JavaScript进阶教程_JavaScript技术文章 · 发布时间:2021-10-16 20:44 · 阅读:2992

这篇文章主要介绍了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"); } }); }) }) 

参考代码

 grid.getCustomer(1,2,function (data) { var list = '

' + tree_GridInfo._name + '的用户有


'; list += ' '; $.each(data, function (i, n) { list += '' + ''; }); $("#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"); } }); }) }) 

 感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

标签:
ajax json 获取数据

相关文章

一起来学习TypeScript的类型

这篇文章主要为大家详细介绍了TypeScript的类型,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助

JavaScript去除字符串两端空格的三种方法

本文主要介绍了JavaScript去除字符串两端空格的三种方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

html2canvas图片跨域问题图文详解

我们在进行图片保存的时候经常会发现图片跨域了,下面下面这篇文章主要给大家介绍了关于html2canvas图片跨域问题的相关资料,需要的朋友可以参考下

JavaScript中Set基本使用方法实例

因为Set中存放的数据都是不会重复的数据,我们在编写JS代码的时候,因此我们可以利用Set来帮助我们更便捷地完成许多的事,下面这篇文章主要给大家介绍了关于JavaScript中Set基本使用方法的相关资料,需要的朋友可以参考下

详解vscode中console.log的两种快速写法

这篇文章主要介绍了vscode中console.log的两种快速写法,每种方法通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

姓名电话
'; list += n.name + '' + n.company; list += '