JQuery和普通Ajax请求比较

来源：互联网发布：用户画像数据来源编辑：程序博客网时间：2024/05/18 02:05

JQuery和普通Ajax请求比较

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"><title>jQuery Ajax</title><script type="text/javascript" src="js/jquery-1.4.4.min.js"></script><script type="text/javascript">$(function(){var xhr = new AjaxXmlHttpRequest();$("#btnAjaxOld").click(function(event){var xhr = new AjaxXmlHttpRequest();xhr.onreadystatechange = function(){if (xhr.readyState == 4){document.getElementById("divResult").innerHTML = xhr.responseText;}}xhr.open("GET", "/testJQuery/getData", true);xhr.send(null);});})//跨浏览器获取XmlHttpRequest对象function AjaxXmlHttpRequest(){var xmlHttp;try{// Firefox, Opera 8.0+, SafarixmlHttp = new XMLHttpRequest();}catch (e){// Internet Explorertry{xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");}catch (e){try{xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");}catch (e){alert("您的浏览器不支持AJAX！");return false;}}}return xmlHttp;}$(document).ready(function(){              $("#divResult").load("/testJQuery/getData", { "resultType": "html" });        }); </script></head><body><button id="btnAjaxOld">Test Ajax</button><br /><br /><div id="divResult"></div></body></html>

1. load( url, [data], [callback] )

2.jQuery.get( url, [data], [callback], [type] )

3.jQuery.getJSON( url, [data], [callback] )

4.jQuery.getScript( url, [callback] )

5.jQuery.post( url,[data], [callback],[type] )

6.jQuery.ajax( options )