js基本ajax写法示例代码

 这篇文章主要介绍了js基本ajax写法,需要的朋友可以参考下

代码如下:
var xmlhttp = null; 
function myajax() { 
//1、创建XMLHttpRequest对象 
//2、需要针对IE和其它浏览器建立这个对象的不同方式写不同的代码 
if (window.XMLHttpRequest) { 
//针对FF,Mozilar,Opera,Safari,IE7,IE8 
xmlhttp = new XMLHttpRequest(); 
//修正某些浏览器bug 
if (xmlhttp.overrideMimeType) { 
xmlhttp.overrideMimeType("text/xml"); 

} else if (window.ActiveXObject) { 
//针对IE6以下的浏览器 
var activexName = ["MSXML2.XMLHTTP", "Microsoft.XMLHTTP", ""]; 
for (var i = 0; i < activexName.length; i++) { 
try { 
//取出一个控件名称创建,如果创建成功则停止,反之抛出异常 
xmlhttp = new ActiveXObject(activexName[i]); 
break; 
} catch (e) { } 


 
//需要确认xmlhttp创建是否成功 
if (!xmlhttp) { 
alert("XMLHTTPRequest创建失败!"); 
return; 
} else { 
alert(xmlhttp); 

 
//注册回调函数。注意注册回调函数是不能加括号,加了会把函数的值返回给onreadystatechange 
xmlhttp.onreadystatechange = callback; 
//设置连接信息 
//第一个参数表示http请求方式,支持所有http的请求方式,主要使用get和post 
//第二个参数表示请求的url地址,get方式请求的参数也在urlKh 
//第三介参数表示采用异步还是同步方式交互,true表示异步 
xmlhttp.open("GET", "servlet/CheckUserName?userName=" + userName, true); 
//发送数据表示和服务器端交互 
//同步方式下,send这名话会在服务器端数据回来后才执行完 
xmlhttp.send(null); 
 
//异步方式下,send这句话立即完成执行 
//POST方式请求的代码 
//xmlhttp.open("POST","servlet/CheckUserName",true); 
//POST方式需要自己设置http的请求头 
//xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); 
//POST方式发送数据 
//xmlhttp.send("userName="+userName); 

 
//回调函数 
function callback() { 
//判断对象的状态是交互完成 
if (xmlhttp.readyState == 4) { 
//判断http的交互是否成功 
if (xmlhttp.status == 200) { 
//获取服务器端返回的数据 
//获取服务器端输出的纯文本数据 
var responseText = xmlhttp.responseText; 
alert(responseText); 



 

时间: 2024-12-02 01:51:54

js基本ajax写法示例代码的相关文章

js基本ajax写法示例代码_AJAX相关

复制代码 代码如下: var xmlhttp = null; function myajax() { //1.创建XMLHttpRequest对象 //2.需要针对IE和其它浏览器建立这个对象的不同方式写不同的代码 if (window.XMLHttpRequest) { //针对FF,Mozilar,Opera,Safari,IE7,IE8 xmlhttp = new XMLHttpRequest(); //修正某些浏览器bug if (xmlhttp.overrideMimeType) {

JS控制图片翻转示例代码

 本篇文章主要介绍了JS控制图片翻转示例代码(兼容firefox,ie,chrome) 需要的朋友可以过来参考下,希望对大家有所帮助  代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.

js获取当前路径的示例代码

 本篇文章主要是对js获取当前路径的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 <script type="text/javascript">     thisURL = document.URL;  thisHREF = document.location.href;  thisSLoc = self.location.href;  thisDLoc = document.location;  strwrite = " thisURL: [

js特殊字符过滤的示例代码

 本篇文章主要是对js特殊字符过滤的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助  代码如下: //匹配中文 数字 字母 下划线         var checkInput = function (str) {             var pattern =var pattern = /^[wu4e00-u9fa5]+$/gi;             if(pattern.test(c))             {                 return fa

JS创建对象的写法示例_javascript技巧

本文实例讲述了JS创建对象的写法.分享给大家供大家参考,具体如下: 写法1: <script> var database = function () { function add(){ console.info("add"); } function queryAll(){ console.info("queryAll"); } /** 带参数 */ function delById(id){ console.info("delById:&quo

Ajax请求内嵌套Ajax请求示例代码_AJAX相关

前段时间做项目,需要把全国省市的两个XML文件整合成一个JSON格式的数据,手写的话觉得数据太多了,而且容易出错,于是就想到了用Ajax嵌套的方法来解决,就想平时用Ajax的方法直接嵌套,都会先读出外面Ajax的内容,然后才读取嵌套在Ajax里面的内容,后面经网上查找资料,加个async:false这个Ajax参数就行了,下面是贴代码: <script type="text/javascript"> $(function () { $.ajax({ type: "

js滚动条平滑移动示例代码_javascript技巧

本文实例为大家分享了js滚动条平滑移动相关代码,供大家参考,具体内容如下 html页 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script src="../Scripts/JavaScrip

使用非html5实现js板连连看游戏示例代码_javascript技巧

向大家分享一款如何实现js版连连看游戏,如下图所示: 首先看一下html的布局方式在index.html文件中: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http

非html5实现js版弹球游戏示例代码_javascript技巧

开始前的html页面  开始后的html游戏界面  html页面布局,即index.html文件源码如下: 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" co