ajax的简单使用——get&post的实现(2)
2017-11-14 23:11
281 查看
之前已经的博客有了一种简单实现ajax的方法,这里再补充另一种ajax的实现方法。
与之前不同的是,这里采用纯JavaScript的方法来实现ajax的get和post两种方法。具体实现如下:
get
var xmlhttp; if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else{// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function(){ //you can do anything you want to edit your data if (xmlhttp.readyState==4 && xmlhttp.status==200){ var data = JSON.parse(xmlhttp.responseText); var temp = "<h2>All Titles<h2>"; for(var i = 0;i<data.length;i++){ temp += `<p>Title:${data[i].title}</p>`; } $("#test").append(temp); } } xmlhttp.open("GET", "https://jsonplaceholder.typicode.com/posts", true); xmlhttp.send();
post
$("#test1").on('click', function(){ var data = { "userId": $("#name").val(), "id": $("#password").val(), "title": "123", "body": "12" }; var param = "asdfadfasdga"; var xmlhttp; if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else{// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function(){ if(xmlhttp.readyState == 4 && xmlhttp.status == 200) { alert("success!"); } } xmlhttp.open("post", "https://httpbin.org/post", true); xmlhttp.send(JSON.stringify(data));//json is ok //xmlhttp.send(JSON.stringify(param));//string is ok });
相关文章推荐
- ajax的简单使用——get&post两种方法的实现(1)
- 使用Ajax发送http请求(get&post请求)
- 使用基于Android网络通信的OkHttp库实现Get和Post方式简单操作服务器JSON格式数据
- jQuery的ajax()检验用户名;通过jQuery的load()/get()/post()方法实现;使用XMLHTTPRequest对象来进行AJAX的异步数据交互
- Vue------第五天(Vue的Ajax请求,使用Axios,目前熟悉了一下,主要包括GET请求、POST请求、并发请求、请求参数的配置、服务器响应的结构以及对服务器响应错误的简单处理)
- ajax 实现 GET POST 异步 同步 检验mysql连接情况简单实例
- Ajax详解及其案例分析之如何获得Ajax对象,使用Ajax对象发送GET和POST请求,校验用户名,POST和GET请求时的乱码处理,实现级联的下拉列表
- Asp.Net使用POST方法最简单的实现
- 使用 AJAX,局部刷新 GridView 进行数据绑定的简单实现
- 学习新事物:使用jquery+xml实现ajax简单实例
- HTTP协议及其POST与GET操作差异 & C#中如何使用POST、GET等<转>
- HTTP协议及其POST与GET操作差异 & C#中如何使用POST、GET等
- 使用AjaxPro.dll文件实现简单Ajax应用
- HTTP协议及其POST与GET操作差异 & C#中如何使用POST、GET等
- HTTP协议及其POST与GET操作差异 & C#中如何使用POST、GET等
- 使用 AJAX,局部刷新 GridView 进行数据绑定的简单实现
- ajax javascript post 方法实现(与C#混合使用)
- Asp.Net使用POST方法最简单的实现
- 用Ajax的Get和Post调用Servlet的简单示例及代码
- 使用 .NET 实现 Ajax 长连接 (Part 2 - Mutex Wait & Signal)