JQuery和普通Ajax请求比较

最新推荐文章于 2023-02-27 18:01:19 发布

niuhea

最新推荐文章于 2023-02-27 18:01:19 发布

阅读量1k

点赞数

分类专栏： JQuery 文章标签： ajax jquery xmlhttprequest callback function url

本文链接：https://blog.csdn.net/niuhea/article/details/7596073

版权

JQuery 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

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+, Safari
					xmlHttp = new XMLHttpRequest();
				}
				catch (e)
				{
					// Internet Explorer
					try
					{
						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 )

niuhea

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JQuery和普通Ajax请求比较

JQuery和普通Ajax请求比较<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> jQuery Ajax $(function(){ var xhr = new AjaxXmlHttpRequest(); $("
复制链接

扫一扫