background image

ASP.NET 中如何使用 Ajax

$.ajax 向普通页面发送 get 请求
这是最简单的一种方式了,先简单了解

jQuery ajax 的语法,最常用的调用方式是这样:

$.ajax({settings}); 有几个常用的 setting,全部参数及其解释可以去 jQuery 官方 API 文档查

1. type:请求方式 get/post
2. url:请求的 Uri
3. async:请求是否为异步
4. headers:自定义的 header 参数
5. data:发往服务器的参数
6. dataType:参数格式,常见的有 string、json、xml 等
7. contents:决定怎样解析 response 的一个”字符串/正则表达式” map
8. contentType:发送到服务器的额数据的内容编码类型,它的默认值是"application/x-www-
form-urlencoded; charset=UTF-8""。
9. success:请求成功后调用的句柄
10.error:请求失败后调用的句柄

没使用过

jQuery 的 ajax 话这样看有些云里雾里的感觉,来看一个简单例子

首先使用

Visual Studio 新建一个 WebApplication,把 jQuery.js 引入 project,然后添加两个页

面,

Default.aspx 作为测试用

Default.aspx

复制代码

 代码如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" 
Inherits="Web.Default" %>
<!DOCTYPE html >
<html>
<head runat="server">
    <title>Ajax</title>
    <script src="jQuery.js" type="text/javascript"></script>
    <style type="text/css">
        html, body, form
        {
            width: 100%;
            height: 100%;