Skip to content

Commit a3ef5d3

Browse files
committed
fix post request
1 parent b669432 commit a3ef5d3

File tree

4 files changed

+21
-12
lines changed

4 files changed

+21
-12
lines changed

README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# <ajax-element>
22

3-
> ajax web component
3+
> VanillaJS Ajax Web Component
44
55
## Demo
66

bower.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "ajax-element",
3-
"version": "0.1.1",
3+
"version": "0.1.2",
44
"description": "VanillaJS Ajax Web Component",
55
"license": "MIT",
66
"main": "src/ajax-element.html",

index.html

Lines changed: 15 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -13,16 +13,27 @@
1313
<body>
1414

1515
<script>
16-
window.addEventListener('ajaxElementSuccess', function (data) {
17-
console.log(data);
16+
window.addEventListener('ajaxElementSuccess', function (event) {
17+
console.log(event);
18+
var request = event.detail.request;
19+
var data = event.detail.data;
20+
if (request.url === 'http://time.jsontest.com/') {
21+
document.getElementById('time').textContent = data.time;
22+
}
23+
});
24+
25+
window.addEventListener('ajaxElementError', function (event) {
26+
console.error(event);
1827
});
1928
</script>
29+
2030
<!-- Using Custom Elements -->
2131
<ajax-element url="test.txt"></ajax-element>
2232

23-
<ajax-element url="test.json" datatype="json"></ajax-element>
33+
<ajax-element url="http://time.jsontest.com/" datatype="json"></ajax-element>
34+
<div>The time is <span id="time"></span></div>
2435

25-
<!-- <ajax-element type="POST" url="http://posttestserver.com/post.php" data="parameter=value&also=another"></ajax-element> -->
36+
<ajax-element type="POST" url="http://posttestserver.com/post.php" data="parameter=value&also=another"></ajax-element>
2637

2738

2839
</body>

src/ajax-element.html

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -61,8 +61,7 @@
6161
};
6262

6363
// Ajax post method
64-
element.post = function () {
65-
var options = this.ajaxArgs;
64+
element.post = function (options) {
6665
if (typeof options === 'undefined') {
6766
return false;
6867
}
@@ -80,8 +79,7 @@
8079
};
8180

8281
// Ajax request method
83-
element.request = function () {
84-
var options = this.ajaxArgs;
82+
element.request = function (options) {
8583
var host = this;
8684
if (typeof options === 'undefined') {
8785
return false;
@@ -109,9 +107,9 @@
109107
} else {
110108
data = this.responseText;
111109
}
112-
element.trigger('ajaxElementSuccess', {request: host.ajaxArgs, data: data});
110+
element.trigger('ajaxElementSuccess', {request: options, data: data});
113111
} else {
114-
element.trigger('ajaxElementError', {request: host.ajaxArgs, data: data});
112+
element.trigger('ajaxElementError', {request: options, data: data});
115113
}
116114
}
117115
};

0 commit comments

Comments
 (0)