jquery的ajax典型用法

function dataInfoList() {
		var ur=document.getElementById("url").value;
		submitData = "pageUtil.curPage=" + curPage;
		$.ajax({ //一個ajax過程
					type : "post", //以post方式與後臺溝通
					url : ur+"/请求数据的地址", //與此頁面溝通
					dataType : "json",//返回的值以html方式解釋
					data :submitData,
					beforeSend : function(XMLHttpRequest) {
						delRow();
						$("#site_list")
								.html(
										"&nbsp;&nbsp;&nbsp;&nbsp;<img src=\""+ur+"/images/loading_detail.gif\"><span>請稍後，數據加載中！</span>");
						$("#site_list").css({
							display : ""
						});
					},
					success : function(data) {//如果調用成功
						$("#site_list").css({
							display : "none"
						});
			 			var roads=eval('('+data.roadJson+')');
			 			var city=eval('('+data.cityJson+')');
					for(var i=0;i<roads.length;i++){
						showRoads(roads[i],city); 
					}
						$("#pageBar").html(data.pageBar);
					},
					error : function() {
						$("#loadingMessage").css({
							display : ""
						});

						$("#loadingMessage")
								.html(
										"<span class=\"errorFont\">查詢過程中出現錯誤，請稍後再試！</span>");

					}

				});
	}