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

客户端部分：