ajax初学,最基本的使用方法。
注意:url的长度是有限制的,好像是2K,所以如果需要传的参数过多过长,可以使用post方法
function ajaxText(url,formMethod,queryString)
{
var request=false;
if(window.XMLHttpRequest)
{
request=new XMLHttpRequest();
}else if(window.ActiveXObject)
{
request=new ActiveXObject("Microsoft.XMLHTTP");
}
var responseText="";
if(formMethod=="post")
responseText=ajaxPost(request,url,queryString);
else
responseText=ajaxGet(request,url,queryString);
return trimEnter(trim(responseText));
}
/*GET方法*/
function ajaxGet(request,url,queryString){
if(url.indexOf("?")!=-1){
url=url+"&"+Math.random();
}else {
url=url+"&"+Math.random();
}
if(queryString)
url=url+"&"+queryString;
request.open('GET', url, false);
request.send(null);
return request.responseText;
}
/*POST方法*/
function ajaxPost(request,url,queryString){
if(url.indexOf("?")!=-1){
url=url+"&"+Math.random();
}else {
url=url+"?"+Math.random();
}
request.open('POST', url, false);
request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
request.send(queryString);
return request.responseText;
}
//删除左右两端的空格
function trim(str){
return str.replace(/(^\s*)|(\s*$)/g, "");
}
//删除左边的空格
function ltrim(str){
return str.replace(/(^\s*)/g,"");
}
//删除右边的空格
function rtrim(str){
return str.replace(/(\s*$)/g,"");
}
function trimEnter(str){
return str.replace(/\n\r/gi,"");
}
分享到:
相关推荐
3. **XML或JSON**: 早期Ajax使用XML作为数据格式,但现在更常见的是使用JSON,因为其更轻量且易于处理。 4. **DOM操作**: 通过JavaScript操作Document Object Model来动态更新网页内容。 ### 二、Ajax的基本工作...
**Ajax(Asynchronous JavaScript and XML)**是一种在无需重新加载整个网页的情况下,能够更新部分网页...Ajax是现代Web开发中不可或缺的一部分,理解并熟练掌握其基本用法和最佳实践,能有效提升网页的交互性和性能。
### Ajax基本原理详解 #### 一、引言 随着互联网技术的发展,用户对于网页应用的交互性和用户体验的要求越来越高。传统的Web应用通常采用浏览器发送请求、服务器处理并返回完整页面的方式,这种方式存在明显的缺点...
**Ajax基本操作实例** Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个页面的情况下与服务器交换数据并更新部分网页的技术。它通过JavaScript实现局部刷新,极大地提升了用户体验。在这个实例中,...
二、Ajax基本使用方法 以下是一个简单的Ajax使用示例: ```javascript var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { var ...
Ajax 基本对象是指在异步 JavaScript 和 XML(AJAX)技术中使用的基本对象,该对象提供了一些属性和方法来处理 XML 的 DOM 元素和遍历 XML 的 DOM 元素。下面是 Ajax 基本对象的属性和方法的详细介绍: 属性 Ajax ...
### Ajax基本运行原理详解 #### 引言 随着互联网技术的不断发展,用户对于网页应用程序的交互性和用户体验的要求越来越高。传统的浏览器/服务器(B/S)架构虽然解决了早期客户端/服务器(C/S)架构中存在的部署和...
接下来,我们将介绍一个简单的 Ajax 实现方式,虽然题目中的代码片段是关于“神秘之眼”的小例子,但这里主要讲解 Ajax 的基本使用方法: ```javascript function loadXMLDoc() { var xmlhttp; if (window....
本文将深入探讨jQuery中的Ajax用法,包括基本使用、参数配置、请求类型以及处理响应。 ### 1. 基本使用 jQuery的Ajax方法是`$.ajax()`,其基本语法如下: ```javascript $.ajax({ url: '...
在"Demo"文件中,很可能包含了展示Ajax基本用法的HTML、JavaScript代码。通常,HTML部分会有一个触发Ajax请求的按钮,而JavaScript部分则包含了处理请求和响应的逻辑。例如: ```html <!DOCTYPE html> ...
总的来说,这个"loginAjax"项目为初学者提供了一个理解AJAX基本用法以及前端与后端交互的好机会。通过实践这个例子,你可以更好地了解如何利用AJAX技术实现实时的、无刷新的用户交互,从而提升Web应用的用户体验。
这个“asp.net中ajax基本demo”应该是提供了一个简单的示例,演示了如何在ASP.NET环境中使用Ajax进行异步数据操作,如增、删、改、查。下面我们将深入探讨相关的知识点。 首先,让我们了解Ajax的核心概念。Ajax...
**jQuery AJAX 基础与应用** jQuery 是一个流行的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互。...通过深入研究这些代码,你可以掌握AJAX的基本用法,以及如何在实际项目中应用。
jQuery AJAX基本用法 `$.ajax()`函数接受一个包含各种选项的对象作为参数,用于配置AJAX请求。例如: ```javascript $.ajax({ url: 'http://example.com/api/data', type: 'GET', // 或者 'POST', 'PUT', '...
总之,“ajax基本使用+省市县三级联动”涵盖了Ajax的核心概念和实际应用场景,是前端开发中一个基础但实用的技能点。通过学习和实践这个主题,开发者能够提升网页的交互性和响应性,提高用户满意度。
**Ajax技术基本应用** Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。它的核心是利用JavaScript与服务器进行异步数据交换,通过XML或者JSON等格式传输数据,...
这个"ajax事例源码"应该包含了一些用于演示Ajax基本用法和常见应用的代码实例,非常适合初学者来理解和实践Ajax的核心概念。下面将详细解释Ajax的工作原理以及如何通过这些示例进行学习。 1. **异步通信**: Ajax...
通过这个简单的Ajax DEMO,你可以了解到Ajax的基本使用方法,为进一步深入学习和应用Ajax打下基础。随着前端技术的发展,现在还有Fetch API、axios等更现代、更易用的库供开发者选择,它们都基于Ajax理念,但提供了...
本资料包详细介绍了四种不同版本的Ajax使用方法,以及解决相关问题的经验分享。 1. **jQuery的Ajax使用** jQuery是JavaScript的一个库,它极大地简化了JavaScript的使用,包括Ajax操作。使用`$.ajax()`函数是...