ajax的post

最新推荐文章于 2024-09-29 20:25:59 发布

web前行者

最新推荐文章于 2024-09-29 20:25:59 发布

阅读量385

点赞数

分类专栏： ajax 文章标签： ajax

本文链接：https://blog.csdn.net/u010787396/article/details/38518409

版权

ajax 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<%@ 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">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<title>Insert title here</title>
</head>
<script type="text/javascript">
//声明一个xmlhttprequest对象
var xmlhttprequset=null;
//构造函数
function gettest(){

if(window.ActiveXObject){
//alert();
xmlhttprequset=new ActiveXObject("Microsoft.XMLHTTP");
//alert(xmlhttprequset==null);
}else if(window.XMLHttpRequset){
xmlhttprequset=new XMLHttpRequset();

}

if(null!=xmlhttprequset){
//alert();
var v1=document.getElementById("v1").value;
var v2=document.getElementById("v2").value;
//alert(v1);
//post的格式
xmlhttprequset.open("POST","/AJAX/Postajax",true);
xmlhttprequset.onreadystatechange=ajaxc;
//alert();
xmlhttprequset.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//alert();
xmlhttprequset.send("v1="+v1+"&v2="+v2);
//alert(v1+v2);
}}
function ajaxc(){

if(xmlhttprequset.readyState==4){//alert(1);
if(xmlhttprequset.status==200){
var res=xmlhttprequset.responseText;
//alert(res);
document.getElementById("v3").innerHTML=res;
}
}
}
</script>
<body>

<input type="text" id="v1" name="v1">
<input type="text" id="v2" name="v1">
<div id="v3"></div>
<input type="button" value="submit" οnclick="return gettest()">

</body>