如何在AJAX应用中访问ADO.NET Data Service(续)——基于jquery框架
来源:互联网 发布:fotor mac版 编辑:程序博客网 时间:2024/06/05 16:23
上一篇演示了如何基于Microsoft ASP.NET AJAX框架实现对ADO.NET Data Service的调用(增删改查)。下面的例子则是直接基于jquery框架的
需要注意的是,凡是要发送给服务的数据,contentType必须设置为application/json,而且要设置data的时候,要转换为json字符串。
在接收数据的时候,dataType要设置为json,也就是说服务会直接返回json数据给客户端,这样操作就方便多了。
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title>title> <script src="jquery-1.3.2-vsdoc.js" type="text/javascript">script> "text/javascript" language="javascript"> $(function() { $("#query").click(function() { //发起一个异步查询 $.ajax({ type: "GET", url: "NorthwindService.svc/Customers", dataType: "json", success: function(result) { var result = result.d; for (ind in result) { var customer = result[ind]; $("" + customer.CustomerID + "," + customer.CompanyName + "").appendTo("#result"); } } }); }); $("#insert").click(function() { //插入一个新的客户 var customer = { CustomerID: "ABCDE", CompanyName: "Thinker Inc" }; $.ajax({ type: "POST", url: "NorthwindService.svc/Customers", contentType: "application/json", data: JSON.stringify(customer), success: function(result) { alert("操作成功"); } }); }); $("#update").click(function() { //更新一个客户 var customer = null; $.ajax({ type: "GET", url: "NorthwindService.svc/Customers('ABCDE')", dataType: "json", async: false, success: function(result) { customer = result.d; } }); alert(customer.CompanyName); customer.CompanyName = "New Company"; $.ajax({ type: "PUT",//这里还可以使用MERGE指令,效果是一样的 url: "NorthwindService.svc/Customers('ABCDE')", contentType: "application/json", data: JSON.stringify(customer), success: function(result) { alert("操作成功"); } }); }); $("#delete").click(function() { //删除一个客户 $.ajax({ type: "DELETE", url: "NorthwindService.svc/Customers('ABCDE')", success: function(result) { alert("操作成功"); } }); }); }); script>head><body> <form id="form1" runat="server"> <div> <input type="button" value="查询" id="query" /> <input type="button" value="插入" id="insert" /> <input type="button" value="更新" id="update" /> <input type="button" value="删除" id="delete" /> div> <ol id="result"> ol> form>body>html>
.csharpcode, .csharpcode pre{font-size: small;color: black;font-family: consolas, "Courier New", courier, monospace;background-color: #ffffff;/*white-space: pre;*/}.csharpcode pre { margin: 0em; }.csharpcode .rem { color: #008000; }.csharpcode .kwrd { color: #0000ff; }.csharpcode .str { color: #006080; }.csharpcode .op { color: #0000c0; }.csharpcode .preproc { color: #cc6633; }.csharpcode .asp { background-color: #ffff00; }.csharpcode .html { color: #800000; }.csharpcode .attr { color: #ff0000; }.csharpcode .alt {background-color: #f4f4f4;width: 100%;margin: 0em;}.csharpcode .lnum { color: #606060; }
- 如何在AJAX应用中访问ADO.NET Data Service(续)——基于jquery框架
- 如何在ADO.NET Data Service的解决方案中修改最大传输数据量
- ADO.NET Data Service中如何自定义Operation
- ADO.NET Data Service:如何做身份验证
- ADO.NET 4 快速上手(11)——WCF Data Service提供基于REST的服务(完)
- MOSS 2010:Visual Studio 2010开发体验(20)——使用ADO.NET Data Service快速访问SharePoint列表数据
- AJAX在ASP.NET中的应用(二)——Jquery封装的AJAX
- 基于vb.net的数据库访问——ADO.NET(一)
- 开发源程序框架(Html+JQuery+EasyUI +Ajax+ashx+ado.net)
- jquery的ajax访问asp.net的web service
- ASP.NET4.0 Ajax实例 –Javascript调用 ADO.NET Data Service实现数据库操作
- Using ADO.NET Data Service – Consuming
- ADO.NET Data Service之CRUD操作
- 如何在ado.net中使用sqlite
- jquery ajax 方法中传递的data参数,如何在java类中获取
- jQuery + $.ajax() 访问 Web Service
- Jquery+ajax请求data显示在GridView上(asp.net)
- ADO.NET Data Service如何直接支持用Json格式返回数据
- 如何让WCF服务更好地支持Web Request和AJAX调用
- 关闭IE浏览器的自动RSS阅读功能
- ADO.NET Data Service中如何自定义Operation
- Windows CardSpace(WCS)
- 如何在Web应用程序中实现自定义身份验证对话框
- 如何在AJAX应用中访问ADO.NET Data Service(续)——基于jquery框架
- ADO.NET Data Service之CRUD操作
- 在SharePoint服务器中执行备份和还原
- ADO.NET Data Service:如何做身份验证
- 工厂模式(Factory)
- 单件模式(Singleton)和锁定(lock)
- 修改cmd的默认路径
- T4 Templates: A Quick-Start Guide for ASP.NET MVC Developers
- 类型事件定义