標籤：get org insert microsoft 流程 xmlhttp content activex internet
不用jQuery的ajax流程
<!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=UTF-8"><title>Insert title here</title></head><script>/* * 1.大致的流程 * * 建立核心對象 * * 綁定一個函數 * * 開啟和服務端串連 * * 發送資料 * * 處理函數 成本的付出 * 2.核心對象的5種狀態分別代表的含義 */ function GetXmlHttpObject(){ var xmlHttp=null; try { // Firefox, Opera 8.0+, Safari xmlHttp=new XMLHttpRequest(); } catch (e) { // Internet Explorer try { xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } } return xmlHttp;}function fn(){ //1.建立對象 var xmlHttpRequest=GetXmlHttpObject(); //2.綁定函數 xmlHttpRequest.onreadystatechange=fm; //3.開啟 xmlHttpRequest.open("get","test.jsp",true); //4.發送 xmlHttpRequest.send(); //5.處理綁定函數 function fm(){ if (xmlHttpRequest.readyState==4) { if (xmlHttpRequest.status==200) { document.getElementById(‘dv‘).innerHTML=xmlHttpRequest.responseText; } else { alert("Problem retrieving data:" + xmlHttpRequest.statusText); } } } }</script><body><button onclick="fn()">按鈕</button><div id="dv"></div></body></html>
test.jsp
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%><% out.println("AAAAAA");%>
ajax和json及案例
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
