/**
函数:初始化一个Ajax的对象
*/
function psGetAjaxObj(){
var ajax=false;
try {
ajax = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
ajax = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
ajax = false;
}
}
if (!ajax && typeof XMLHttpRequest!='undefined'){
ajax = new XMLHttpRequest();
}
if (!ajax){
alert("Get Ajax object failed");
}
return ajax;
}
/**
函数:发送一个Ajax请求到服务器端
参数:
serverPageUrl -- 服务器端页面地址
parmString -- 参数,类似 'user=123&id=100'
requestMethod -- 请求服务器端的方法,Get和Post两种,默认是Post
isGetResponse -- 是否获取服务器端返回的结果,默认是true
*/
function SendAjaxRequest(serverPageUrl, parmString, requestMethod='POST', isGetResponse=true){
var ajax = psGetAjaxObj();
if (requestMethod != 'POST'){
requestMethod = 'GET';
}
if (requestMethod == 'GET'){
ajax.open('GET', serverPageUrl + parmString, true);
ajax.onreadystatechange = function(){
if (ajax.readyState == 4 && ajax.status == 200){
responseMessage = ajax.responseText;
}
}
ajax.send(null);
}
if (requestMethod == "POST"){
ajax.open("POST", serverPageUrl, true);
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
ajax.send(parmString);
ajax.onreadystatechange = function() {
if (ajax.readyState == 4 && ajax.status == 200) {
responseMessage = ajax.responseText;
}
}
if (isGetResponse){
return responseMessage;
}
return null;
}
}
分享到:
相关推荐
下面是一个简单的jQuery AJAX同步请求的例子: ```javascript $.ajax({ url: 'your_server_url', type: 'GET', // 或者 'POST',根据需求选择 data: {key1: 'value1', key2: 'value2'}, // 如果有需要传递的数据...
总结来说,AJASON是一个方便的PHP AJAX函数库,其同步版本适应了开发者在特定场景下的需求,允许他们等待服务器响应后再执行后续操作。通过查看和学习提供的"examples",开发者可以更好地掌握如何在实际项目中应用这...
这里的`ajaxGet`函数接受一个URL和回调函数作为参数,当请求完成并成功时,回调函数会被调用,传入服务器返回的数据。 **3. 封装Ajax POST请求** POST请求常用于向服务器发送数据,如表单提交。封装POST请求的代码...
原生Javascript封装的AJAX函数是为了在不依赖于任何第三方库,如jQuery的情况下进行网络请求,这在某些情况下是非常有用的,尤其是当项目中没有引入jQuery或者想要减少项目依赖时。 在上述文档中,提到了一个名为...
一个简单的Servlet示例: ```java import javax.servlet.http.HttpServletResponse; import java.io.IOException; import java.io.PrintWriter; public class MyServlet extends HttpServlet { protected void ...
在项目中,我们通常会封装自己的Ajax函数,以便更好地组织代码和复用。在提供的文件中,`common_gui.js`可能包含了自定义的Ajax封装,而`jquery.json-2.2.min.js`可能是用于解析JSON数据的辅助工具。在实际使用时,...
AJAX的核心是利用JavaScript创建XMLHttpRequest对象,这是一个浏览器内置的对象,它允许开发者在不刷新页面的情况下向服务器发送请求并接收响应。以下是一些关键知识点: 1. **XMLHttpRequest对象**:这是AJAX的...
1. `jQuery.syncAjax`:这是一个更全面的AJAX封装,支持异步和同步请求。函数接受以下参数: - `url`: 发送请求的服务器地址。 - `data`: 要发送的数据,通常是一个对象,例如`{"date": new Date().getTime(), ...
这个“简单ajax登录例子”是一个非常适合初学者理解Ajax基本原理和使用方法的教程。在这里,我们将深入探讨Ajax如何与Servlet结合,实现用户无刷新登录验证。 1. **Ajax简介** Ajax的核心是JavaScript异步通信,它...
一个简洁的Ajax封装类通常包括几个参数:请求地址`url`、发送的数据`data`、请求方式`type`、请求类型`dataType`、请求成功回调函数`successfn`和请求失败回调函数`errorfn`。根据这些参数,可以封装成多个不同的...
- **jQuery AJAX**:jQuery简化了AJAX操作,提供了如`$.ajax()`、`$.get()`、`$.post()`等函数。 - **其他框架**:如Vue.js的`axios`、React的`fetch`或`axios`、Angular的`HttpClient`,它们进一步封装了AJAX,...
jQuery封装了AJAX函数,使得开发者可以更轻松地使用AJAX。 **AJAX工作原理** 1. **用户触发事件**:用户在计算器界面上输入数字或点击运算符按钮。 2. **创建AJAX请求**:jQuery的`.ajax()`方法用于创建AJAX请求。...
这个“一个好用的ajax类”似乎提供了一个简化版的JavaScript实现,帮助开发者更方便地使用Ajax。 在JavaScript中,Ajax通常通过XMLHttpRequest对象来实现,但自定义的Ajax类可以封装这些细节,提供更加友好的API。`...
jQuery是一个强大的JavaScript库,它封装了AJAX操作,使得使用AJAX更加简单和直观。本实例将深入讲解jQuery中的AJAX应用。 ### 一、jQuery AJAX基础 1. **$.ajax()函数** jQuery的核心AJAX方法是`$.ajax()`,它...
通过封装一个通用的Ajax函数,开发者可以在不同的地方调用相同的接口来执行Ajax请求,从而避免重复编写类似的代码。 首先,在开始封装之前,需要确保整个项目中引入了jQuery库,这是使用jQuery Ajax方法的前提。...
本文将详细介绍如何用JavaScript实现一个简单的AJAX封装,同时涉及异步和同步请求的处理。 首先,本文示例了如何创建一个通用的AJAX封装函数。这一封装函数首先检测浏览器是否支持原生的XMLHttpRequest对象。如果不...
6. **jQuery的Ajax**:jQuery的Ajax函数使得跨浏览器的Ajax请求变得简单。例如,`.ajax()`方法可以接受多个参数,如URL、类型(GET或POST)、数据、回调函数等。`.getJSON()`和`.load()`则是特定场景下的快捷方式。 ...
2. **jQuery的Ajax函数**:jQuery提供了如`$.ajax()`, `$.get()`, `$.post()`等简便的API,减少了手动处理XMLHttpRequest的复杂性。例如,`$.ajax()`函数可以定制请求的每个细节,包括URL、类型、数据、回调函数等。...
在讨论jQuery同步Ajax带来的UI线程阻塞问题及其解决办法之前,我们需要了解几个基本概念:JavaScript是单线程的语言,意味着同一时刻只能执行一个任务。页面的渲染和JavaScript的执行都发生在同一个线程上。当...