一步一步构建ASP.NET的Ajax效果

最新推荐文章于 2019-08-03 05:25:05 发布

最新推荐文章于 2019-08-03 05:25:05 发布 · 64 阅读

文章标签：

#xhtml #javascript #c# #ViewUI

本文不是使用ASP.NET自带的Ajax控件来实现的，而是使用Web Service的方式，并利用Jquery简单的测试了一下。详细如下：

1.首先打开vs，建立一个Web 应用程序，名字为MyFirstAjax。（这一步不会的不用向下看了）

2.在项目上右键点击添加->新建项->web 服务，这里采用默认名称，点击确认。

3.我们采用自动生成的HelloWorld来测试，但是需要把一句代码的注释去掉，如下，把[System.Web.Script.Services.ScriptService]的注释去掉。

// 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消对下行的注释。 //[System.Web.Script.Services.ScriptService]

4.打开default页面，页面代码更改如下，因为我使用了jQuery来构建Ajax，所以需要把Jquery的文件复制到项目下，在网站根目录下新建js文件夹，并把其添加进去，jQuery的文件名字为jquery.js,然后将div的id改为display,完成，测试一下。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="MyFirstAjax._Default" %> <!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> <mce:script type="text/javascript" src="js/jquery.js" mce_src="js/jquery.js"></mce:script> <mce:script type="text/javascript"></mce:script> </head> <body> <form id="form1" runat="server"> <div id="display"> </div> </form> </body> </html>

5.很不幸，报错了，”URL 意外地以“/HelloWorld”结束，请求格式无法识别。“不过网上搜出了答案，原来是位于web.config文件中忘记配置webService，具体含义我不太理解，但是应该是类似于java web中的过滤器吧，需要将web Service的请求过滤通过，否则无法请求的，如果有人懂，请给我解释一下，配置在web.config中的system.web节点下加入如下内容

大功告成！一个最简单的调用web service来实现的ajax效果。