Ajax无刷新Url提交页面

自Ajax诞生以来，它已经成为Web开发领域的一颗璀璨明珠。特别是在Jquery、Prototype、Ext等框架的推动下，其代码被大量简化，为程序员们带来了前所未有的便利。他们因此得以从繁重的编码工作中解脱出来，轻松实现复杂的功能。这种便捷的背后也存在隐忧。如今，许多程序员习惯使用框架而忽略基础代码的重要性，导致对Ajax的基本代码日益生疏。

为了铭记当初的激情，让我们再次回顾一下Ajax的基础代码。对于不同浏览器的兼容处理是每一个开发者必须面对的问题。我们可以将这段代码封装起来，随时调用。代码如下：

```csharp

function xmlhttp() {

var A = null;

try {

A = new ActiveXObject("Msxml2.XMLHTTP");

} catch (e) {

try {

A = new ActiveXObject("Microsoft.XMLHTTP");

} catch (oc) {

if (typeof XMLHttpRequest !== "Undefined") {

A = new XMLHttpRequest();

}

}

}

return A;

}

```

接下来是提交Url的代码。实际上，整个过程非常简单，大部分代码都可以封装起来。只需传入参数，然后获取结果即可。代码如下：

```csharp

function Ajax(url) {

var XmlHttp = new xmlhttp();

try {

XmlHttp.open("POST", url, true);

var result = SendUrl(); //调用SendUrl函数获取结果

} catch (e) {

alert(e); //出现错误时弹出提示信息

}

}

```

然后是关键的SendUrl函数，它负责发送请求并处理响应。代码如下：

```csharp

function SendUrl() {

XmlHttp.send();

XmlHttp.onreadystatechange = function() {

if(XmlHttp.readyState == 4 && XmlHttp.status == 200) {

var result = XmlHttp.responseText;

return result; //返回服务器响应的结果文本

}

}

}

```

回顾这些基础代码，我们不难发现它们虽然简单却极具威力。正是这些看似不起眼的代码构成了现代Web应用的核心。无论我们使用的是何种框架，都不应忘记这些基础知识的积累与运用。只有这样，我们才能在编程的道路上走得更远。