ajax 간단 한 프레임 워 크
4444 단어 JavaScript프레임Ajaxjsp브 라 우 저
참고 자료
http://commandos.blog.51cto.com/154976/115723
--------------------------myajax.js---------------------
function $( elementId ) {
return document.getElementById(elementId).value;
}
/*
* ， Ajax
*/
function getAjaxObject() {
var xmlHttpRequest;
// XMLHttpRequest javascript
if(window.XMLHttpRequest){
xmlHttpRequest = new XMLHttpRequest();
}else if(window.ActiveXObject){ // ActiveX
try{
// ActiveXObject XMLHttpRequest
xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
}catch(e){
try{
// ActiveXObject XMLHttpRequest
xmlHttpRequest = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){}
}
}
if ( !xmlHttpRequest ) {
alert(" Ajax ， ");
}
return xmlHttpRequest;
}
/*
*
* method get/post
* url
* data
* yourfunction
*/
function sendRequestByAjax(method, url, data, yourfunction) {
// Ajax
request = getAjaxObject();
//
request.onreadystatechange = function(){
onreadystatechange(yourfunction);
};
request.open(method, url, true); // true false
//
if ( "get" == method.toLowerCase() ) {
// GET
var urls = url.split("?");
if ( urls[1] == "" || typeof(urls[1]) == "undefined" ) {
url = urls[0] + "?" + data;
} else {
url = urls[0] + "?" + urls[1] + "&" + data;
}
data = null; // for GET method,request
} else if ( "post" == method.toLowerCase() ){
// POST
request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
}
request.send(data);
}
/*
*
* responseText yourfunction()
*/
function onreadystatechange(yourfunction){
if (request.readyState == 4){
if (request.status == 200){
var responseText=request.responseText;
yourfunction(responseText);
}
}
}
}다음은 테스트 파일 testajax. jsp 와 date. jsp 입 니 다.
-------------------------------testAjax.jsp------------------------
<%@ 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=utf-8">
<script type="text/javascript" language="javascript" src="myajax.js" ></script>
<title>Insert title here</title>
<script language="javascript">
function getResponseText(responseText){ //
alert(responseText);
}
function testAjax(){
sendRequestByAjax('post','date.jsp',null,getResponseText);
}
</script>
</head>
<body>
<input type="button" name="button" id="button" value=" " onclick="testAjax()">
</body>
</html>-----------------------date.jsp-----------------------
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%@page import="java.io.PrintWriter"%>
<%
String count="your get it";
out.println(count);
%>이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
기초 정리 - 1문자 (String) 숫자 (Number) 불린 (Boolean) null undefined 심볼 (Symbol) 큰정수 (BigInt) 따옴표로 묶어 있어야 함 Not-A-Number - 숫자 데이터 / 숫자로 표...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
