原生js---ajax---post方法传数据

<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title></head><body>姓名：<input type="text" name="user" id="user" value="" />年龄：<input type="text" name="age" id="age" value="" /><button id="btn">点击</button></body><script>var btn=document.getElementById("btn");btn.=function(){var userval=document.getElementById("user").value;var ageval=document.getElementById("age").value;//1.创建ajax对象(此处兼容性的创建)var xhr=null;try{xhr=new XMLHttpRequest();}catch(e){xhr=new ActiveXObject("Microsoft.XMLHTTP");}//2.调用open方法（true----异步）
            xhr.open("post","links/2.post.php",true);//3.发送数据
            xhr.setRequestHeader('content-type','application/x-www-form-urlencoded');xhr.send("username="+userval+"&age="+ageval+"&timp"+new Date().getTime());//4.请求状态改变事件
            xhr.onreadystatechange=function(){if(xhr.readyState==4){if(xhr.status==200){document.write(xhr.responseText)}else{alert("错误"+xhr.status)}}}}</script>
</html>

转载于:https://www.cnblogs.com/cck1223/p/9960837.html

原生js---ajax---post方法传数据相关推荐

原生js调用json方法
原文链接 Ajax基础 ajax:无刷新数据读取,读取服务器上的信息 HTTP请求方法: GET:用于获取数据,如浏览帖子 ajax.judgeXmlHttpRequest('get', 'index ...
如何上传图片到fileupload空间_如何用原生js写图片上传组件v2.0（还有新版本）？...
js图片上传组件: 基本要求: 1.上传的图片可预览,可删除,可被覆盖更新 2.要求图片格式为jpg和png,大小不能超过2M 新加需求: 1.模拟回显,可用本地存储(实际上的回显是通过后台传过来的u ...
手机端移动端的前端原生js裁剪图片上传
手机端移动端的前端原生js裁剪图片上传选择头像时裁剪上传,确保图片是个正方形,不会出现压扁拉伸的现象效果图原理很简单,其实就是用canvas截图出来而已,只是要对比例做一下处理. <!-- ...
原生js时间格式化方法封装
原生js时间格式化方法封装创建formatDate函数,传入date(时间)和format(格式)两个参数,简单判断format返回相应格式的时间注意:getMonth()方法获取到的月份会比实际 ...
js ajax通用方法,目前5个流行的AJAX调用JavaScript库
在这篇文章中,我们将看一些用于进行AJAX调用的最好的JavaScript库,包括jQuery,Axios和Fetch. AJAX是由客户端框架和库用来对服务器进行异步HTTP调用的一组Web开发技术 ...
js ajax通用方法,JS—Ajax（初步使用）
Ajax Asynchronous JavaScript XML 这一技术最早是用来向服务器端请求以xml这种结构表示的数据时,可以不用卸载页面,就能够向服务器端请求额外的数据. 但是现在呢,Ajax ...
用原生js封装get方法
get方法的封装首先我们看一下用原生js来发送请求的步骤: 1.创建请求对象 .var xhr=new XMLHttpRequest(); 2.创建open方法确认请求方式和地址 xhr.open( ...
H5移动端原生JS封装附件上传服务器
本文主要通过原生的js封装附件上传upload.js.可成功内嵌钉钉,ios和安卓端可正常使用,支持单个.多个附件上传. 一.业务需求封装原生JS附件上传,动态创建附件列表,可对附件列表进行删除和新 ...
用原生js实现map方法
我们平时用的是已经封装好的map方法,如果让我们自己封装一个map,应该如何实现. 万变不离其宗,其实遍历数组的核心还是for循环.因此下面封装一个map方法. 思路: 1.在原型上添加一个方法 2. ...
原生js的ajax的get怎么传参,原生js---ajax---get方法传数据
html> 点击 var btn=document.getElementById("btn"); btn.=function(){ //1.创建ajax对象(此处兼容性的创建 ...

原生js---ajax---post方法传数据

原生js---ajax---post方法传数据相关推荐

最新文章

热门文章