AJAX技术是什么,和JS的区别

JavaScript013

AJAX技术是什么,和JS的区别,第1张

ajax只不过就是JS里面的一个分支而已 只不过调用了一个XMLHTTP组件而已下面代码就是一个ajax 你觉得他和JS代码有没有什么区别? 根本没区别function ajax(){ this.method this.url this.responsetype this.content var http_request = false this.getExecObj = function(reValue){ if(window.XMLHttpRequest) { http_request = new XMLHttpRequest() if (http_request.overrideMimeType) { http_request.overrideMimeType("text/xml") }}else if (window.ActiveXObject) { try { http_request = new ActiveXObject("Msxml2.XMLHTTP") } catch (e) { try { http_request = new ActiveXObject("Microsoft.XMLHTTP") } catch (e) {} }}if (!http_request) { window.alert("创建XMLHttpRequest对象实例失败.") return false }if(this.method.toLowerCase()=="get") { http_request.open(this.method, this.url, true) }else if(this.method.toLowerCase()=="post") { http_request.open(this.method, this.url, true) http_request.setRequestHeader("Content-Type","application/x-www-form-urlencoded") }else { window.alert("http请求类别参数错误。") return false }http_request.send(this.content) var reTextResponse = function() { if (http_request.readyState == 4) {if (http_request.status == 200) { reValue(http_request.responseText) } else { alert("页面有异常。") } }}var reXMLResponse = function() { if (http_request.readyState == 4) {if (http_request.status == 200) { reValue(http_request.responseXML) } else { alert("页面有异常。") } }} if(this.responsetype.toLowerCase()=="text") { http_request.onreadystatechange = reTextResponse }else if(this.responsetype.toLowerCase()=="xml") { http_request.onreadystatechange = reXMLResponse }else { window.alert("参数错误。") return false } } } // 调用方法 var _ajax = new ajax()_ajax.method = "post"//是get还是post_ajax.url = " http://www.pb4schools.net/Returnlist.aspx"//请求的地址_ajax.responsetype = "text" //处理返回内容的类型_ajax.content = "id=2" //发送的内容_ajax.getExecObj( //对返回值处理 function(str){document.getElementById("select1").outerHTML = "选择大产品"+ str + "" })

javascript是一种在客户端执行的脚本语言。ajax是基于javascript的一种技术,它主要用途是提供异步刷新(只刷新页面的一部分,而不是整个页面都刷新)。一个是语言,一个是技术,两者有本质区别.

jquery 是JS的一个框架,JS是网页的脚本语言,AJAX是指一种创建交互式网页应用的网页开发技术。操作方法如下:

1、打开eclipse创建一个web工程项目,在WebContent下创建文件夹js,把JQuery的js文件放到js文件夹下,并创建index.html和doRequest.jsp。

2、index.html文件内容如图。

3、doRequest.jsp和web.xml文件内容如图。

4、对原生JS版的做测试,在index.html加入如图代码,测试结果如图。

5、最后测试一下页面无法访问的情况,测试结果如图,就完成了。