ajax前台获取json,ajax与json 获取数据并在前台使用简单实例
ajax与json 获取数据并在前台使用简单实例
发布于 2017-05-18 14:05:38 | 63 次阅读 | 评论: 0 | 来源: 网友投递
AjaxAJAX即“Asynchronous Javascript + XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。
这篇文章主要介绍了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 += '
';
list += n.name + '
' + '' + n.company;
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 获取数据并在前台使用简单实例
原生ajax处理json格式数据的实例代码
PHP 利用AJAX获取网页并输出的实现代码
Ajax与服务器(JSON)通信实例代码
使用Ajax与服务器(JSON)通信实例
基于ajax实现文件上传并显示进度条
ajax与302响应代码测试
ajax中get和post的说明及使用与区别
基于ajax与msmq技术的消息推送功能实现代码
使用Ajax生成的Excel文件并下载的实例
有关文件上传 非ajax提交 得到后台数据问题
php+ajax简单实例代码
ajax前台获取json,ajax与json 获取数据并在前台使用简单实例相关推荐
- python 下拉列表单选框怎么获取元素_JS获取文本框,下拉框,单选框的值的简单实例...
1.文本框 1.1 通过var t=document.getElementById("test").value把值赋给变量t, 1.2 当然也可以反过来把已知的变量值赋给文本框,例 ...
- android 使用 surfaceView 获取 camera 预览界面图像数据
在android中,通过相机获取预览界面的需求似乎很变态,好像也没有什么使用场景.但是,有一个场景需要获取预览界面的图像,就是扫码,比如微信,支付宝的扫一扫,就是需要获取预览界面的图像数据的. 实现逻 ...
- ASP.NET前台table通过Ajax获取绑定后台查询的json数据
上一篇<ASP.NET前台html页面AJAX提交数据后台ashx页面接收数据>写了前台提交数据后台保存到数据库,数据处理以后用户肯定要查询.接下来就写一个前台table通过ajax J ...
- 【转】Jquery -Ajax 入门练习 Jquery.Ajax 调用后台函数,获取DataTable Json,Asp.net
直接上图=============最后拷贝源码(图片清楚) ====================================================================== ...
- 利用jquery的ajax获取后台返回的json数据为空
错误示例 $.ajax({type:'POST',url:'',data:'',success:function(data){console.log(data);console.log(data.en ...
- 解决ajax的parsererror错误的终极办法(后台传给前台的数据json问题)
解决ajax的parsererror错误的终极办法(后台传给前台的数据json问题) 参考文章: (1)解决ajax的parsererror错误的终极办法(后台传给前台的数据json问题) (2)ht ...
- ajax+php+jq+面向对象,php+jquery+ajax+json的一个最简单实例
html页面: $(function(){ $("#send").click(function(){ var cont = $("input").seriali ...
- struts2 ajax html,Struts2+Jquery+Ajax+Json
现在使用Json来封装并且传递数据的情形是越来越多了,可怎么样在Struts2中来使用Jquery+Ajax+Json来协同工作呢?在网上查了下就那几个例子被转过来转过去的,还有很多例子根本行不通,这 ...
- c#实现ajax通信:向后台发送JSON字符串,接收响应字符串,并转换为对象
全栈工程师开发手册 (作者:栾鹏) c#教程全解 c#实现ajax通信,通过向服务器后台发送json数据,接收响应数据提交给前台. 其中包含两个主要函数,发送数据,接收响应数据的Http请求响应函数. ...
最新文章
- js监听audio播放完毕
- 【Prometheus】 Prometheus 入门到实战搭建监控系统
- 处理JSON格式的数据
- 小工匠聊架构 - 缓存与数据库【双写不一致】【读写并发不一致】解决方案一览
- GDCM:gdcm::Trace的测试程序
- ASP.NET 2.0 学习笔记 1: session 与 script 应用
- php curl 使用方法,php curl使用方法与步骤
- 18K-28K/m, 南京的卢技术社招:感知、OCR、SLAM方向
- PAT乙级(1014 福尔摩斯的约会)
- 再见!“一代神机”iPhone 6或将于今年5月停产 iPhone 7/8降至3500档
- TokenInsight:反映区块链行业整体表现的TI指数较昨日同期上涨2.62%
- vmware虚拟机使用多显示器
- 获得鸿蒙级抽奖,37鸿蒙天尊抽奖活动概率公示
- PET——文本分类的又一种妙解
- 802.11-2020协议学习__$12-Security__$12.3.2-WEP__1
- 关于销售订单高级定价的一点疑惑
- 用Java实现目录复制(包含此目录下的所有文件与目录)
- 用友投资一亿现金成立医疗软件公司
- 真正的帅哥没人说帅_男生长得帅的标准五官 教你判断谁才是真正的帅哥
- 计算机科学技术考研内容,计算机科学与技术考研考哪些科目?
热门文章
- Myeclipse8.6中安装SVN插件
- 水泵调速c语言实验程序,C语言实验最原始.doc
- 双层板在哪层覆铜_多层板的生产过程,与双层板有何不同?
- java 图片地址,java中图片地址存入数据库
- linux系统漏洞修复2019,Linux中 OpenSSH 输入验证错误漏洞(CVE-2019-16905) 修复解决方案...
- python 提取网页正文_一篇文章教会你用Python爬取淘宝海量信息,把淘宝商品整理成一个表格...
- php状态机,有限状态机FSM的原理与GO的实现
- Android怎么禁用底部键,在三分钟内完全禁用并隐藏Android设备底部的虚拟按钮(适用于测试)...
- git21天打卡-day5 day6 day7
- 对C语言实验报告的建议,c语言实验报告.docx