AjAX探究——JS调用实体类与赋值

简介: BookInfo.csusing System;using System.Collections.Generic;using System.Linq;using System.Text;namespace ClassProj{    [Serializable]    public ...
     
img_1c53668bcee393edac0d7b3b3daff1ae.gif img_405b18b4b6584ae338e0f6ecaf736533.gif BookInfo.cs
img_a6339ee3e57d1d52bc7d02b338e15a60.gifusing System;
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
using System.Collections.Generic;
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
using System.Linq;
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
using System.Text;
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
namespace ClassProj
img_405b18b4b6584ae338e0f6ecaf736533.gifimg_1c53668bcee393edac0d7b3b3daff1ae.gif
img_a76e9bb6ed00cf1c9c9f4ee2f04b558b.gif{
img_33d02437d135341f0800e3d415312ae8.gif    [Serializable]
img_33d02437d135341f0800e3d415312ae8.gif    
public class BookInfo
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif    
img_a76e9bb6ed00cf1c9c9f4ee2f04b558b.gif{
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif        
public BookInfo() img_a76e9bb6ed00cf1c9c9f4ee2f04b558b.gif{ }
img_33d02437d135341f0800e3d415312ae8.gif
img_33d02437d135341f0800e3d415312ae8.gif        
//在VS2008中可使用如下简化方式定义属性,是不是很简单了呢?!
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif
        public string Name img_a76e9bb6ed00cf1c9c9f4ee2f04b558b.gifsetget; }
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif        
public string Author img_a76e9bb6ed00cf1c9c9f4ee2f04b558b.gifsetget; }
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif        
public int Price img_a76e9bb6ed00cf1c9c9f4ee2f04b558b.gifsetget; }
img_105a1e124122b2abcee4ea8e9f5108f3.gif    }

img_05dd8d549cff04457a6366b0a7c9352a.gif}
img_1c53668bcee393edac0d7b3b3daff1ae.gif img_405b18b4b6584ae338e0f6ecaf736533.gif Book.asmx.cs
img_a6339ee3e57d1d52bc7d02b338e15a60.gifusing System;
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
using System.Collections;
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
using System.ComponentModel;
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
using System.Data;
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
using System.Linq;
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
using System.Web;
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
using System.Web.Services;
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
using System.Web.Services.Protocols;
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
using System.Xml.Linq;
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
using System.Web.Script.Services;
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
using ClassProj;
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
namespace Test
img_405b18b4b6584ae338e0f6ecaf736533.gifimg_1c53668bcee393edac0d7b3b3daff1ae.gif
img_a76e9bb6ed00cf1c9c9f4ee2f04b558b.gif{
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif    
/**//// <summary>
img_33d02437d135341f0800e3d415312ae8.gif    
/// Book 的摘要说明
img_105a1e124122b2abcee4ea8e9f5108f3.gif    
/// </summary>

img_33d02437d135341f0800e3d415312ae8.gif    [WebService(Namespace = "http://tempuri.org/")]
img_33d02437d135341f0800e3d415312ae8.gif    [WebServiceBinding(ConformsTo 
= WsiProfiles.BasicProfile1_1)]
img_33d02437d135341f0800e3d415312ae8.gif    [ToolboxItem(
false)]
img_33d02437d135341f0800e3d415312ae8.gif    
// 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务,请取消对下行的注释。
img_33d02437d135341f0800e3d415312ae8.gif
    [ScriptService]
img_33d02437d135341f0800e3d415312ae8.gif    [GenerateScriptType(
typeof(BookInfo))]
img_33d02437d135341f0800e3d415312ae8.gif    
public class Book : System.Web.Services.WebService
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif    
img_a76e9bb6ed00cf1c9c9f4ee2f04b558b.gif{
img_33d02437d135341f0800e3d415312ae8.gif
img_33d02437d135341f0800e3d415312ae8.gif        [WebMethod]
img_33d02437d135341f0800e3d415312ae8.gif        
public string ShowInfo(BookInfo book)
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif        
img_a76e9bb6ed00cf1c9c9f4ee2f04b558b.gif{
img_33d02437d135341f0800e3d415312ae8.gif            
return "书的信息如下——书名:" + book.Name + ",价格:" + book.Price + "作者:" + book.Author;
img_105a1e124122b2abcee4ea8e9f5108f3.gif        }

img_105a1e124122b2abcee4ea8e9f5108f3.gif    }

img_05dd8d549cff04457a6366b0a7c9352a.gif}
img_1c53668bcee393edac0d7b3b3daff1ae.gif img_405b18b4b6584ae338e0f6ecaf736533.gif Test.js
img_a6339ee3e57d1d52bc7d02b338e15a60.giffunction ShowInfo()
img_405b18b4b6584ae338e0f6ecaf736533.gifimg_1c53668bcee393edac0d7b3b3daff1ae.gif
img_a76e9bb6ed00cf1c9c9f4ee2f04b558b.gif{
img_33d02437d135341f0800e3d415312ae8.gif    
var book=new ClassProj.BookInfo();
img_33d02437d135341f0800e3d415312ae8.gif    book.Name
="征服AJAX!";
img_33d02437d135341f0800e3d415312ae8.gif    book.Price
=25;
img_33d02437d135341f0800e3d415312ae8.gif    book.Author
="梦想";
img_33d02437d135341f0800e3d415312ae8.gif    
img_33d02437d135341f0800e3d415312ae8.gif    Test.Book.ShowInfo(book,CallBack_Function);
img_05dd8d549cff04457a6366b0a7c9352a.gif}

img_a6339ee3e57d1d52bc7d02b338e15a60.gif
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
function CallBack_Function(ResponseStr)
img_405b18b4b6584ae338e0f6ecaf736533.gifimg_1c53668bcee393edac0d7b3b3daff1ae.gif
img_a76e9bb6ed00cf1c9c9f4ee2f04b558b.gif{
img_33d02437d135341f0800e3d415312ae8.gif    $get(
"result").innerText=ResponseStr;
img_05dd8d549cff04457a6366b0a7c9352a.gif}
img_1c53668bcee393edac0d7b3b3daff1ae.gif img_405b18b4b6584ae338e0f6ecaf736533.gif AjaxStudy.aspx.cs
img_405b18b4b6584ae338e0f6ecaf736533.gifimg_1c53668bcee393edac0d7b3b3daff1ae.gif<%img_a76e9bb6ed00cf1c9c9f4ee2f04b558b.gif@ Page Language="C#" AutoEventWireup="true" CodeBehind="AjaxStudy02.aspx.cs" Inherits="Test.AjaxStudy02" %>
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
<html xmlns="http://www.w3.org/1999/xhtml" >
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
<head runat="server">
img_a6339ee3e57d1d52bc7d02b338e15a60.gif    
<title>无标题页</title>
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
</head>
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
<body>
img_a6339ee3e57d1d52bc7d02b338e15a60.gif    
<form id="form1" runat="server">
img_a6339ee3e57d1d52bc7d02b338e15a60.gif    
<div>
img_a6339ee3e57d1d52bc7d02b338e15a60.gif        
<asp:ScriptManager ID="ScriptManager1" runat="server">
img_405b18b4b6584ae338e0f6ecaf736533.gifimg_1c53668bcee393edac0d7b3b3daff1ae.gif            
<Scripts>img_a76e9bb6ed00cf1c9c9f4ee2f04b558b.gif
img_33d02437d135341f0800e3d415312ae8.gif                
<asp:ScriptReference Path="~/JsFile/Test.js" />
img_05dd8d549cff04457a6366b0a7c9352a.gif
            
</Scripts>
img_a6339ee3e57d1d52bc7d02b338e15a60.gif            
<Services>
img_a6339ee3e57d1d52bc7d02b338e15a60.gif                
<asp:ServiceReference Path="~/Book.asmx" />
img_a6339ee3e57d1d52bc7d02b338e15a60.gif            
</Services>
img_a6339ee3e57d1d52bc7d02b338e15a60.gif        
</asp:ScriptManager>
img_a6339ee3e57d1d52bc7d02b338e15a60.gif        
<input id="Button1" type="button" value="测试一下" onclick="ShowInfo();" />
img_a6339ee3e57d1d52bc7d02b338e15a60.gif        
<div id="result"></div>
img_a6339ee3e57d1d52bc7d02b338e15a60.gif    
</div>
img_a6339ee3e57d1d52bc7d02b338e15a60.gif    
</form>
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
</body>
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
</html>
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
相关文章
|
3月前
|
数据采集 前端开发 JavaScript
虎扑APP数据采集:JavaScript与AJAX的结合使用
虎扑APP数据采集:JavaScript与AJAX的结合使用
|
5月前
|
移动开发 前端开发 JavaScript
js之ajax |12-6
js之ajax |12-6
|
5月前
|
JavaScript 前端开发
js 变量作用域与解构赋值| 22
js 变量作用域与解构赋值| 22
|
7月前
|
XML 前端开发 JavaScript
JavaScript进阶 - AJAX请求与Fetch API
【7月更文挑战第3天】前端开发中的异步基石:AJAX与Fetch。AJAX,使用XMLHttpRequest,处理跨域、回调地狱和错误处理。Fetch,基于Promise,简化请求,但需注意默认无跨域头和HTTP错误处理。两者各有优劣,理解其问题与解决策略,能提升前端应用的性能和用户体验。
237 24
|
6月前
|
JavaScript 前端开发 网络协议
|
6月前
|
JavaScript 前端开发 安全
js之AJAX
js之AJAX
45 0
|
7月前
|
XML 前端开发 JavaScript
JavaScript进阶 - AJAX请求与Fetch API
【7月更文挑战第9天】JavaScript进阶:AJAX与Fetch API对比。AJAX用于异步数据交换,XMLHttpRequest API复杂,依赖回调。Fetch API是现代、基于Promise的解决方案,简化请求处理。示例:`fetch(&#39;url&#39;).then(r =&gt; r.json()).then(data =&gt; console.log(data)).catch(err =&gt; console.error(err))`。注意点包括检查HTTP状态、错误处理、CORS、Cookie和超时。Fetch提高了异步代码的可读性,但需留意潜在问题。
170 0
|
7月前
|
前端开发 JavaScript API
js【详解】ajax (含XMLHttpRequest、 同源策略、跨域、JSONP)
js【详解】ajax (含XMLHttpRequest、 同源策略、跨域、JSONP)
70 0
|
7月前
|
存储 JavaScript 前端开发
js【详解】数据类型原理(含变量赋值详解-浅拷贝)
js【详解】数据类型原理(含变量赋值详解-浅拷贝)
45 0
|
JavaScript 前端开发
不错的BLOG 关于js ajax swfupload 等
http://hudeyong926.javaeye.com/category/115443?show_full=true  
679 0

热门文章

最新文章