一个原生态ajax过程，提交表单的例子

一个ajax，首先要创建对象－－－发出请求－－－响应－－－－响应完成（readystate）

创建对象

var xmlhttp;

if(window.ActiveXObject){ //IE6以下

xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

}else{

xmlhttp=new XMLHttpRequest();

}

2.获取表单数据

var username=document.getElementById("username").value;

var password=document.getElementById("password").value;

var data="USERNAME"+username+"&PASSWORD"+password;

var url="/test.php";

3.提交数据

xmlhttp.onreadystatechange=function(){

if(xmlhttp.readyState==4&&xmlhttp.status==200){

document.getElementById("result").innerHTML=xmlhttp.responseText;

}

xmlhttp.open("post",url,true); //表单提交只能用post,异步加载为true;

//像 HTML 表单那样 POST 数据，请使用 setRequestHeader() 来添加 HTTP 头

xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");

xmlhttp.send(data);

php代码如下：

welcome<?php echo $_POST["username"];?> <br/>

password<?php echo $_POST["possword"];?>

ps: onreadystatechange()方法特殊，其闭包中不能用this来指代object对象，因为在这个方法中，this指的是window.

转载于:https://blog.51cto.com/10145212/1653571

一个原生态ajax过程，提交表单的例子相关推荐

tp5 ajax 路由,tp5中ajax方式提交表单
用ajax提交表单,迅速,快捷,实现页面无刷新提交表单. ajax批删姓名年龄地址添加 $("#sub").click(function(){ var name = $(& ...
ajax如何实现表单验证码,Ajax实现提交表单时验证码自动验证（原创自Zjmainstay）...
本文通过源码展示如何实现表单提交前,验证码先检测正确性,不正确则不提交表单,更新验证码. 1.前端代码 index.html 验证码提交自验证用户名验证码 (function($){ $(docu ...
解决使用Ajax 前台提交表单到后台，但输出为问号的中文乱码情况
解决使用Ajax 前台提交表单到后台,但输出为问号的中文乱码情况情况如下: 在web.xml文件中已经配置了,如下的spring的Filter <filter><filter-na ...
微信ajax异步提交form表单,ajax异步提交表单
前面我们一直谈 wojilu ajax framework ,已经表明了它是一个 ajax 框架.但其实客户端验证等内容几乎不涉及到 ajax 操作. 下面我们就着重看下这个框架ajax操作方面. 其 ...
MVC之AJAX异步提交表单
第一种用法: 在MVC中,依然可以使用ajax校验,跟在WebForm中的使用时一样的,唯一的区别就是将以前的URL路劲改为访问控制器下的行为前台 <html> <head> ...
Jquery技巧：使用ajax技术提交表单数据
新建两个页面: 1.show.jsp:调用ajax,将表单中的数据发送给ajax.jsp页面. 2.ajax.jsp:获取show.jsp页面传递的表单数据,并返回结果. 两个页面的编码格式要设置为G ...
springboot: ajax异步提交表单
<form id="p">权限名称: <input name="name" type="text" th:value=&q ...
通过按Enter阻止用户提交表单
我在网站上进行了一项调查,用户单击Enter键(我不知道为什么),然后不按提交按钮就意外提交了调查(表单),似乎存在一些问题. 有办法防止这种情况吗? 我在调查中使用的是HTML,PHP 5.2.9和 ...
使用jQuery提交表单
我想使用jQuery提交表单. 有人可以提供代码,演示或示例链接吗? #1楼来自手册: jQuery Doc $("form:first").submit(); #2楼您将必须 ...

一个原生态ajax过程，提交表单的例子

一个原生态ajax过程，提交表单的例子相关推荐

最新文章

热门文章