`

原生Ajax post提交

    博客分类:
  • AjAX
阅读更多

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="";
	}
}

分享到:
评论

相关推荐

    原生javascript实现ajax 发送post请求

    原生javascript实现ajax发送pos请求,这样可以脱离jquery框架,

    原生ajax代码实现异步提交

    以上就是使用原生Ajax实现异步提交的完整过程。需要注意的是,实际应用中还需要考虑错误处理、兼容性问题(尤其是老版本浏览器)以及安全问题,如防止跨站脚本攻击(XSS)和跨站请求伪造(CSRF)。此外,现代Web开发...

    原生ajax使用

    原生Ajax技术是Web开发中的一个关键组成部分,它允许开发者在不刷新整个页面的情况下与服务器进行异步数据交换。在JavaScript中,XMLHttpRequest对象是实现Ajax的核心,它提供了与服务器进行通信的能力。以下是对...

    原生ajax模拟判断用户名是否已注册

    原生Ajax技术可以实现异步数据交互,无需刷新页面就能验证用户名是否已存在,提供良好的用户体验。以下是对"原生ajax模拟判断用户名是否已注册"这一主题的详细解释。 首先,我们需要理解什么是Ajax。AJAX ...

    Js原生ajax与跨域(代理)上传文件

    首先,让我们了解一下原生AJAX的工作原理。在JavaScript中,我们通过创建XMLHttpRequest实例来发起HTTP请求。例如: ```javascript var xhr = new XMLHttpRequest(); xhr.open('GET', 'http://example.com/data', ...

    JavaScript案例-原生ajax

    "JavaScript案例-原生ajax"这个主题聚焦于如何不依赖任何库或框架,仅用JavaScript原生API实现Ajax通信。 Ajax的核心在于XMLHttpRequest对象,它允许我们在不刷新整个页面的情况下发送HTTP请求并接收响应。以下是...

    原生js+ajax通用函数+php

    本函数封装了js的ajax,php为处理后台数据,仅支持post,代码很简洁

    原生JS实现Ajax通过POST方式与PHP进行交互的方法示例

    在本文中,我们将深入探讨如何使用原生JavaScript(JS)实现AJAX(Asynchronous JavaScript and XML)通过POST方法与PHP进行交互。AJAX允许我们在不刷新整个页面的情况下更新部分网页内容,提高用户体验。我们将看到...

    (免费)菜狗学前端之原生Ajax笔记

    ### 原生Ajax知识点详解 #### 一、原生Ajax概述 原生Ajax是一种使用JavaScript与服务器异步交互的技术,它允许网页在不重新加载整个页面的情况下与服务器交换数据并更新部分页面内容。实现这一功能的核心是`...

    JavaScript案例-原生ajax查询所有用户

    在本案例中,“JavaScript案例-原生ajax查询所有用户”是关于如何使用JavaScript的AJAX(Asynchronous JavaScript and XML)技术来从服务器获取并显示所有用户的信息。尽管现在有像jQuery、Vue.js等库提供了更方便的...

    原生的Ajax技术,包含原生Ajax的所有常用的知识点

    以上就是关于原生Ajax技术的基本知识点,包括创建异步对象、发送请求、处理响应、以及与服务器端的交互。掌握这些内容,你就可以创建基本的Ajax应用,实现在不刷新页面的情况下与服务器进行数据交互。

    浅谈JS原生Ajax,GET和POST

    原生JavaScript提供的Ajax是实现这种异步通信的基础。 在原生JavaScript中,Ajax主要依赖于XMLHttpRequest对象。XMLHttpRequest是一个可以通过JavaScript进行HTTP通信的对象。而GET和POST是两种常见的HTTP请求方法...

    原生AJAX写法实例分析

    在介绍原生AJAX写法的实例分析中,我们首先需要了解AJAX(Asynchronous JavaScript and XML)技术的概念。AJAX是一种能够使用JavaScript在不重新加载页面的情况下,与服务器交换数据并更新部分网页的技术。使用AJAX...

    图书馆添加删除判断 ajax.get 请求 ajax.post响应 考试专用

    1. **图书添加**:在用户填写完图书信息并提交时,前端可以使用`$.ajax()`函数(jQuery库中的实现)或者原生JavaScript的`XMLHttpRequest`对象发起一个POST请求,将图书数据发送到后台服务器。服务器验证数据无误后...

    原生JS实现ajax与ajax的跨域请求实例

    **原生JS实现AJAX** AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。以下是如何使用原生JavaScript实现一个简单的AJAX请求的步骤: 1. **创建...

    ajax跨域post(java例子)

    本篇文章将详细讲解如何使用Ajax进行跨域POST请求,并结合Java的Spring框架给出具体示例。 ### 1. 跨域请求的概念 跨域请求是指一个域下的文档或脚本尝试请求另一个域下的资源。出于安全考虑,浏览器默认禁止这种...

    Javascript原生ajax请求代码实例

    这里我们将深入探讨如何使用原生JavaScript实现一个简单的Ajax请求。 首先,我们需要创建一个名为`Ajax`的类,这个类将包含处理Ajax请求的所有必要方法和属性。在提供的代码实例中,`Ajax`类包含了以下关键组成部分...

    基于js原生和ajax的get和post方法以及jsonp的原生写法实例.docx

    总结来说,JavaScript原生的GET和POST方法是AJAX的核心,用于与服务器进行异步通信。而JSONP是解决跨域问题的一种常见策略,尤其适用于不支持CORS(跨源资源共享)的旧浏览器。理解并熟练掌握这些技术,对于进行高效...

Global site tag (gtag.js) - Google Analytics