前端之家收集整理的这篇文章主要介绍了
ajax的post,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
<%@ 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" onclick="return gettest()"> </body>
原文链接:https://www.f2er.com/ajax/164547.html