原生Ajax post提交

Love The Way You Lie 2022-04-16 03:07 216阅读 0赞

function CreateXmlRequest(){
       
    	var xmlHttp=null;
    	if(window.XMLHttpRequest){
       
    		xmlHttp=new XMLHttpRequest();
    	}else if(window.ActiveXObject){
       
    		try {
       
    			xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    		} catch (e) {
       
    			try {
       
    				xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    			} catch (failed) {
       
    				xmlHttp=false;
    			}
    		}
    
    	}
    	return xmlHttp;
    }
    
    function CreateAdd(){
       
    	var username=document.getElementById("username").value;
    	var password=document.getElementById("password").value;
    	alert("password="+password)
    	var request=CreateXmlRequest();
    	if(!request){
       
    		document.getElementById("show").innerHTML="当前浏览器不支持javascript";
    	}else{
       
    		var content="username="+username+"&password="+password;
    		request.open("post","addObj",false);
    		request.setRequestHeader("Content-type","application/x-www-form-urlencoded");
    		request.send(content);
    		request.onreadystatechange=function(){
       
    			if(request.readyState==4){
       
    				document.getElementById("show").innerHTML="loading...";
    				if(request.status==200){
       
    					var result=request.responseText;
    					alert(result)
    					if(result=="add"){
       
    						document.getElementById("show").innerHTML="增加成功";
    					}else if(result=="notadd"){
       
    						document.getElementById("show").innerHTML="增加失败";
    					}
    				}
    
    			}
    		}
    
    
    
    		document.getElementById("show").innerHTML="";
    	}
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，216人围观）

还没有评论，来说两句吧...

相关阅读

相关原生ajax发送POST和GET请求

在写简单几个活动页面时可能不想引入其它文件，这时候发送请求消息给后端，可以自己写原生方法，以下是参考代码： // 原生ajax var ajax =

我就是我/ 2022年10月11日 01:11/ 0 赞/ 215 阅读

相关原生js ajax封装post，get方法

方法一： function ajax(method, url, callback, data, flag) { var xhr; fl

冷不防/ 2022年09月08日 11:49/ 0 赞/ 192 阅读

相关原生ajax POST,解决Undefined index

原生ajax ,POST请求： var xhr=new XMLHttpRequest(); xhr.open('POST','test.php',tr

我会带着你远行/ 2022年07月13日 07:07/ 0 赞/ 104 阅读

相关 ajax post 提交大量数据

在做个彩票项目的时候，有个业务是需要一个大型的数组通过ajax把一个大型数组传到后台，网上搜了一大轮，发觉说的都是说这种方式使用ajax不符合业务要求。或者问非所答，很少

秒速五厘米/ 2022年06月12日 09:45/ 0 赞/ 354 阅读

相关原生Ajax之GET、POST请求

> ajax可以接收什么信息？ > 答：浏览器可以接收的信息ajax都可以接收，例如字符串、html标签、css样式内容、xml内容、json内容等等。 > http请

淡淡的烟草味﹌/ 2022年06月02日 03:54/ 0 赞/ 453 阅读

相关 ajax使用POST提交json数据

$(document).ready(function () { var schoolList={ "pageCount": "2",

梦里梦外;/ 2022年05月29日 12:06/ 0 赞/ 246 阅读

相关 Ajax Post提交复杂JSON对象的简便有效方法（适用jQuery-Ajax和原生JS XMLHttpRequest POST）

用Ajax Post提交非常复杂JSON对象，是一件麻烦的事，如果以简单JSON对象的提交思维来设计复杂JSON对象时，经常出现各种问题。现在找到了一个非常简便有效的方法，跟大

浅浅的花香味﹌/ 2022年05月23日 10:27/ 0 赞/ 204 阅读

相关原生Ajax post提交

function CreateXmlRequest(){ var xmlHttp=null; if(window.XMLHttpRe

Love The Way You Lie/ 2022年04月16日 03:07/ 0 赞/ 217 阅读

相关原生前端AJAX提交图片post方式利用fromdata方式

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

曾经终败给现在/ 2022年03月11日 02:50/ 0 赞/ 237 阅读

相关 Ajax ajax原生-xhr对象处理post请求

post请求提交的表单数据创建表单数据 var 变量=new FormData(); 给表单

左手的ㄟ右手/ 2021年07月24日 12:09/ 0 赞/ 463 阅读