js原生网络请求数据
来源:互联网 发布:json转化为数组的方法 编辑:程序博客网 时间:2024/06/07 17:50
用js请求网络数据
第一种方法:
//ajax 对象function ajaxObject() { var xmlHttp; try { // Firefox, Opera 8.0+, Safari xmlHttp = new XMLHttpRequest(); } catch (e) { // Internet Explorer try { xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) { alert("您的浏览器不支持AJAX!"); return false; } } } return xmlHttp;}// ajax post请求:function ajaxPost ( url ) { var ajax = ajaxObject(); ajax.open( "get" , url , true ); ajax.setRequestHeader( "Content-Type" , "application/json;charset=utf-8" ); ajax.onreadystatechange = function () { if( ajax.readyState == 4 ) { if( ajax.status == 200 ) { var response = JSON.parse(ajax.responseText) console.log("返回的数据") console.log(response) console.log("...............") } } } ajax.send( null );}var titleUrl='这里写请求地址'ajaxPost(titleUrl)
第二种方法(一般我用这种)
/* 封装ajax函数 * @param {string}opt.type http连接的方式,包括POST和GET两种方式 * @param {string}opt.url 发送请求的url * @param {boolean}opt.async 是否为异步请求,true为异步的,false为同步的 * @param {object}opt.data 发送的参数,格式为对象类型 * @param {function}opt.success ajax发送并接收成功调用的回调函数 */ function ajax(opt) { opt = opt || {}; opt.method = opt.method.toUpperCase() || 'POST'; opt.url = opt.url || ''; opt.async = opt.async || true; opt.data = opt.data || null; opt.success = opt.success || function () {}; var xmlHttp = null; if (XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); } else { xmlHttp = new ActiveXObject('Microsoft.XMLHTTP'); }var params = []; for (var key in opt.data){ params.push(key + '=' + opt.data[key]); } var postData = params.join('&'); if (opt.method.toUpperCase() === 'POST') { xmlHttp.open(opt.method, opt.url, opt.async); xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded;charset=utf-8'); xmlHttp.send(postData); } else if (opt.method.toUpperCase() === 'GET') { xmlHttp.open(opt.method, opt.url + '?' + postData, opt.async); xmlHttp.send(null); } xmlHttp.onreadystatechange = function () { if (xmlHttp.readyState == 4 && xmlHttp.status == 200) { opt.success(JSON.parse( xmlHttp.responseText));//如果不是json数据可以去掉json转换 } }; }
第二种方法使用:
ajax({ method: 'POST', url: 'url', success: function (OriginalFromActivity) { //在这里对获取的数据经常操作 } })
1 0
- js原生网络请求数据
- iOS-原生网络请求
- 网络请求原生
- IOS 原生网络请求
- iOS 原生网络请求
- iOS 原生网络请求
- js原生ajax请求
- ajax 原生请求数据
- Android--使用原生技术实现ListView(原生技术实现网络异步请求,解析json数据)
- iOS 原生网络请求写法
- iOS 原生网络请求封装
- 原生js的ajax请求
- 原生JS实现ajax请求
- 原生JS封装AJAX请求
- 原生js封装ajax请求
- 原生JS发送ajax请求
- 原生js的ajax请求
- Swift网络请求(原生解析)与TableView
- yii 获取error信息
- MYSQL学习笔记
- 千万级规模高性能、高并发的网络架构经验分享
- NodeJS 异步操作:更为优雅的实现:thenjs
- lower_bound()返回值 & upper_bound()返回值
- js原生网络请求数据
- cocos js代码阅读笔记_170510(二)
- ajax跨域请求-josnp技术
- Struts框架详解第二课
- USB标准请求传输下的linux驱动
- Android收起通知栏
- git查看commit历史,某次commit修改内容,指定文件修改历史
- SpringMVC+Spring阅读笔记——SpringMVC概览
- 1145.cn 百度MIP适配实例