基于Ajax 技术实现学生选课过程,重点指导第二步，选课的界面。c#语言编写

给你讲讲用到Ajax的登录界面（基于jquery）：

准备工作----先哗念下个jquery,并在head里引用。

客户端：

<script type="text/javascript">

function validate(){

$.ajax({ url: 'Vali.aspx',

type: 'POST',

data: { name: $("#username").val, no: $("#userno").val() },

dataType: 'html',

timeout: 1000,

error: function() { alert('出现未知错误!')},

success: function(data) {

if (data == '1') {

window.localtion=选课界面url

}

if(data=='0'){

alert('姓名学号输入错误')

}

}

</script>

添加姓名学好文乱档困本框和确认按钮如下

<input type="text" id="username"/>

<input type="text" id="userno"/>

<input type="button" id="btnOK" onclick="validate()">

服务器端：

//获取客户端传来的参数

string name=Request["name"]

string no=Request["no"]

//这里用你自己的方法访问数据库，验证姓名学号,暂时用Validate方法代替（通过返回1，否则返回0）

string result=Validate(name,no).ToString()

Response.Write(result)

好了，大体就是这样了，其蠢简它的比较简单，你应该都知道怎么写了吧，点到即止了

ajax是一种技术方案，但并不是一种新技术。它依赖的是现有的CSS/HTML/JavaScript，而其中最核心的依赖就是浏览器提供的XMLHttpRequest对象，是这个对象使得浏览器可以发出HTTP请求与接收HTTP响应，实现在页面不刷新的情况下和服务端进行数据交互。浏览器升级之后，出现了fetch，也可以认为是ajax的一种实现。（兼容性差）

使用XMLHttpRequest对象来发送一个Ajax请求。

status：200-300表示正常状态码。

status：404表示这个文件不存在。

status：503服务器收到了请求但是内部报错了。

status：304表示这个数据是有缓存的。

readyState：存有XMLHttpRequest的状态。从0~4发生变化

只要readyState属性的值由一个值变成另一个值，都会触发一次readystatechange事件。必须在调用open()之前指定onreadystatechange事庆旁件处理程序才能保证跨浏览器兼容性。与其他事件不同的是，这里没有向readystatechange事件处理程序中传递event对象，必须通过XHR对象本身来确定下一步该怎么做。

在接受响应之前，还可以调用abort()方法来取消异步请求，

调用这个睁山方法之后，XHR对象会停止触发事件，而且也不在允许访问任何与响应有关的对象属性。

XMLHttpRequest标准又分为Level 1和Level 2。

1.缺点：

此属性可以设置HTTP请求的时限。与之相关的是timeout()事件，用来指定回调函数。

timeout属性表示请求在等待多少毫秒之后就终止，再给timeout设置一个数值后，如果在规定的时间内浏览器还没有接收到响应，那么就会触发timeout事件，进而会调用ontimeout事件处理程序。如果在超时终止请求之后再访问status属性，就会导致错误。为避免浏览器报告错误，可以将检查status属性的语句封装在一个try-catch语句中。

ajax直接传送FormData对象与点击submit提交网页表单的效果是一样的。

使用FormData的优点：不必明确地在XHR对象上设置请求头部，XHR能够识别传入的数据类型是FormData的实例，并配置适当的头部信息。

假定files是一个"选择文件"的表单元素（input[type="file"]），将它装入FormData对象，之后发送FormData即可实现文件悉差中的上传。

作用：指定xhr.response的数据类型。

作用：获取response数据

作用：表示发送数据。

xhr.send(data)的参数data可以是以下几种类型：

阮一峰:XMLHttpRequest Level 2 使用指南

你真的会使用XMLHttpRequest么？

《javascript高级程序设计》

饥人谷前端教程

页面的交互就像我们和他们的弊前滑联系一样，分为四步：

1、选择联系对象，在程序中就是创建AJAX对象

2、选择用什么方式联系，我们可以选择打电话，或者发短信，在程序中同样有不同的关联类型

3、发送请求，就像我们输入电话号码并拨通一样，程悔昌序同样有着发送请求的步骤

4、响应请求，我们给别人打电话，他可能会接，也可能不接，接了我们会怎样，不接又会作何反应，程序中也一样，请求被响应我们需要执行什么功能，不被响应又需要执行什么功能，

就是一下步骤

1、租腊创建AJAX对象

---