ajax的简单使用——get&post的实现(2)
来源:互联网 发布:淘宝靠谱的奢侈品代购 编辑:程序博客网 时间:2024/06/05 04:32
之前已经的博客有了一种简单实现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 });
阅读全文
0 0
- ajax的简单使用——get&post的实现(2)
- ajax的简单使用——get&post两种方法的实现(1)
- Ajax的Get、Post方法的使用
- Ajax GET 和 POST 的使用
- Ajax中POST、GET的使用场景
- AFNetworking的简单【post】【get】使用
- Retrofit的(get以及post)的简单使用
- jQuery Ajax 实例 详细介绍$.ajax、$.post、$.get的使用
- Ajax的请求(post,get)
- ajax异步请求的get方法和post方法简单使用
- JS 最简单的AJAX实例, GET 和 POST 方法
- 简单封装ajax的get和post请求
- Ajax的学习——get和post请求
- Ajax 入门之 GET 与 POST 的不同 (2)
- Ajax 入门之 GET 与 POST 的不同 (2)
- Ajax 入门之 GET 与 POST 的不同 (2)
- ajax的get和post
- AJAX的POST和GET
- 导入mysql文件提示“ASCII '\0' appeared in the statement”
- 视觉工程师必备干货工业相机50问
- 一个屌丝程序猿的人生(七十六)
- AES的S盒
- WPF学习笔记---图片旋转(2)
- ajax的简单使用——get&post的实现(2)
- C#初识6 多态之虚方法(virtual,override)
- 11.14
- 035day(枚举例题(完美立方)的学习和引用的学习)
- C语言程序-递归和非递归分别实现strlen
- linux clk驱动框架
- HTML读取xml文件的三种办法
- 设计模式-装饰模式
- 那些不常见却适用的CSS属性(三)