软件简介

httpx.js 是一个简单的  JavaScript HTTP/RESTful 请求库。

主要方法

  • GET

  • POST

  • PUT

  • PATCH

  • DELETE

  • Other

  • JSON

  • JSONP

  • getScript

兼容情况

  • Firefox 4.0+

  • Chrome 7+

  • IE 9+

  • Opera 11.60+

  • Safari 5.1.4+

使用方法

get|post|put|patch|delete|json(alias getJSON)(url, [data], [callback], [error]);

GET:

httpx.get("http://localhost/http-test/get.php?foo=Level1&bar=XHR&zh=中文", function(data) {
    console.log(data, this);
}, function(method, url) {
    console.error("Custom Error", method, url, this.status, this.statusText);
});

POST:

httpx.post("http://localhost/http-test/post.php?edfd=eedfd&dfsdf=ere", {
    a : 12,
    b : "bbbb",
    c : 123489
}, function(data) {
    console.log(data, this);
});

PUT:

httpx.put("http://localhost/http-test/put.php?edfd=eedfd&dfsdf=ere", {
    a : 12,
    b : "bbbb",
    c : 123489
}, function(data) {
    console.log(data, this);
});

DELETE:

httpx.delete("http://localhost/http-test/delete.php?edfd=eedfd&dfsdf=ere", {
    a : 12,
    b : "bbbb",
    c : 123489
}, function(data) {
    console.log(data, this);
});

JSON(getJSON):

// Alias getJSON(), like jQuery
httpx.json("http://localhost/http-test/get-json.php?temp="+(new Date).getTime(), {
    test : 123
}, function(json) {
    console.log("get json =>", json);
});

JSONP:

//jsonp(url, [data], [callback], [callbackName]); // callbackName for query string name

httpx.jsonp("http://192.168.1.2/http-test/jsonp.php?temp="+(new Date).getTime(), {
    test : 123
}, function(json) {
    console.log("jsonp =>", json);
}, "callback");

getScript:

httpx.getScript("http://192.168.1.2/http-test/test.js", function() {
    test();
});

选项

{
    async         : true,
    timeout       : 3000,
    method        : "GET",
    url           : "",
    data          : "",
    dataType      : "text",
    headers       : {},
    contentType   : "text/plain; charset=UTF-8",
    jsonp         : "callback",    // for query string
    success       : function() {},
    error         : function(method, url) {},
    ontimeout     : function(method, url) {}
}
httpx.request({
    url : "http://localhost/http-test/head.php",
    method : "HEAD",  // Custom http method
    headers : {},  // Custom http headers
    success : function(data) {
        console.log(data);
    }
});

httpx.get({
    url : "http://localhost/http-test/get.php?foo=bar",
    headers : {
        "xxxxxxx" : "xxxxx"
    },
    success : function(data) {
        console.log(data);
    }
});

httpx.post({
    url : "http://localhost/http-test/post.php?foo=bar",
    data : {
        id : 123,
        title : "xxxxx"
    },
    headers : {
        "xxxxxxx" : "xxxxx"
    },
    success : function(data) {
        console.log(data);
    }
});

// put/patch/delete/json ...
展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (0)

加载中
更多评论
暂无内容
发表了博客
2018/04/28 23:11

[js]javascript索引

js&jq总结的还是挺棒的: http://www.cnblogs.com/yuanchenqi/articles/5980312.html http://www.cnblogs.com/yuanchenqi/articles/6070667.html 我学了很久没把js学会, 我发现我的路子错了, 一开始就追求大而全.....累死... 好办法应该是迭代式更新知识点.... ECMAScript(4,5) 目前学的是es5 es6其实是ECMAScript 2015. mvc模式和mvvm模式及vue学习思路 - 前端工作的日常: 拿到ui设计图: 切图--> html+css静态布局-->js写一下动...

0
3
发表了博客
2018/06/27 15:45

[JavaScript]-JavaScript的this原理.

#### 一、问题的由来 学懂 JavaScript 语言,一个标志就是理解下面两种写法,可能有不一样的结果。 ```js var obj = { foo: function () {} }; var foo = obj.foo; // 写法一 obj.foo() // 写法二 foo() ``` 上面代码中,虽然obj.foo和foo指向同一个函数,但是执行结果可能不一样。请看下面的例子。 ```js var obj = { foo: function () { console.log(this.bar) }, bar: 1 }; var foo = obj.foo; var bar = 2; obj.foo() // 1...

3
26
发表了博客
2019/08/30 13:29

JavaScript(js)笔记

js注释 JavaScript注释与Java注释相同 // 单行注释 /* 多行注释 */ js五大基本类型:   number(数值型)、string(字符串性)、boolean(布尔型)、undefined类型、null类型 number包括:数值类型、包含整型、浮点型、NaN和Infinity(无穷大)。 关于数组的空间长度问题:   如何获取数组的空间长度:     通过length属性获取数组的空间长度   数组的length详解:     java:只读属性      js:读写属...

0
3
发表了博客
2019/06/05 00:00

JS|JavaScript库

欢迎点击「算法与编程之美」↑关注我们! 本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章。 问题描述 在使用JavaScript的时候,为了更加方便快捷的完成一些项目,通常会引用一些框架(库)。目前广受欢迎的库有:jQuery、Prototype、MooTools。所有这些框架都提供针对常见 JavaScript 任务的函数,包括动画、DOM 操作以及 Ajax 处理。 jQuery jQuery是一个轻量级的JavaScript库,它包含以下功能:H...

0
0
2019/06/26 10:23

javascript规范(js)

EMCAScript规范 javascript语言实现,ES6规范(使用babel编译器将es6转换为es5,webpack只支持部分es6): import "jquery"; //返回function export function doStuff() {} module "localModule" {} es5: var o = require('s.js'); export default只有一个,export可以有多个 commonjs规范 nodejs语言实现 require("module"); require("../file.js"); //require返回对象 object exports.doStuff = function() {}...

0
0
2014/11/07 14:33

js 封装 js

define(['jquery'], function($) { var orderSummary = { $el: $('.summary-totals'), updateUrl : '../checkout/orderSummaryContentJson.jsp', cartRemoveUpdateUrl : '../cartridges/cart/subTotalContainer.jsp', orderComfirmSummaryUrl : '../checkout/orderReviewInfoSummaryContainer.jsp', bindChange : function() { this.$el = $('.summary-totals'); if($('.js-estimated').length) { $('.js-estimated').off('chan...

0
0
发表了博客
2014/09/26 16:08

Javascript---Javascript简介

javascript 是一门面向对象的动态语言。虽然在字面中带有java的字样但是千万不能和java混淆。 javascript的主要运用在web开发中,做交互方面的开发让交互变得更加的有意思和人性化。 —————————————————————————————————————————————————————————————————————— 一、提出如下的问题; 1、ECMASCRIPT是什么? 2、javascript和ECMAScript之间的关系? --->EC...

0
1
发表了博客
2019/04/02 15:17

浅谈JS之text/javascript和application/javascript

问题描述: JS在IE8以下浏览器运行异常 代码: <script>标签是这样子写的: <script type="application/javascript"> //执行语句 </script> 这是书写的时候Dreamweaver自动补全的。但是在自己运行的例子中我的script标签写的是: <script type="text/javascript"> //执行语句 </script> 将项目中的标签type属性修改成了text-javascript,然后,然后在IE8一下就可以运行了。 拓展: 最实用的用法,现在各大浏览器已经...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了问答
2016/10/17 22:49

关于No 'Access-Control-Allow-Origin' header is present on the​

@叛道 你好,想跟你请教个问题: No 'Access-Control-Allow-Origin' header is present on the 关于http.js 的使用 跨域你怎么解决呢?

3
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
0 评论
23 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部