Ajax传递参数到XMLHttpReq.onreadystatechange方法

"这篇文章主要探讨了在Ajax中如何向XMLHttpReq.onreadystatechange事件处理函数传递参数。通过两种方式，我们可以实现在Ajax请求过程中携带额外的数据。一种是直接在匿名函数中调用目标函数并传入参数，另一种是创建一个新的Function对象，并在其中调用目标函数。以下是对这些方法的详细解释和示例应用。 Ajax技术允许我们在不刷新整个页面的情况下与服务器进行异步通信。XMLHttpRequest对象是实现Ajax的核心，它的onreadystatechange事件会在请求状态改变时触发。通常，我们会在这个事件处理函数中处理服务器返回的数据。然而，有时我们需要在回调函数中使用请求之外的一些上下文信息，这就涉及到了传递参数的问题。 第一种传递参数的方法是直接在匿名函数内部调用目标函数，并将参数传递进去。例如： ```javascript xmlhttp.onreadystatechange = function() { xx(123); }; ``` 这里的`xx(123)`是你想要调用的函数，参数123可以在函数内部使用。这种方法简单直接，但可能造成作用域混淆，因为`xx`函数必须在这个匿名函数的作用域内可访问。 第二种方法是通过创建新的Function对象来传递参数： ```javascript xmlhttp.onreadystatechange = new Function("xx(123)"); ``` 这种方式创建了一个新的函数实例，该函数在其定义体内部调用`xx`函数并传递参数。尽管这种方式较为少见，但它可以确保函数在特定的上下文中执行。 文章还提供了一个实际应用场景的示例，展示了如何在一个表单元素的值发生变化时，使用Ajax更新该值。在这个例子中，`proce(v)`函数接收一个参数`v`，这个参数是表单元素的引用。当服务器响应准备就绪且状态为200时，`proce`函数会更新`v`对应的表单元素的值。 ```javascript function proce(v) { if (XMLHttpReq.readyState == 4) { if (XMLHttpReq.status == 200) { var res = XMLHttpReq.responseXML.getElementsByTagName("content")[0].firstChild.data; v.value = res; } else { v.value = '.'; } } } ``` 这个例子展示了如何在`onreadystatechange`事件处理函数中处理服务器返回的XML数据，并将结果更新到相应的表单字段。 总结来说，Ajax可以通过两种方式向XMLHttpReq.onreadystatechange事件处理函数传递参数，以便在处理服务器响应时能访问到请求之外的上下文信息。这在处理复杂的异步交互场景中非常有用，尤其是当需要根据不同的用户交互或状态更新不同的页面元素时。