AJAX之初探

发布 : 2019-08-02 分类 : AJAX 浏览 :

1、发请求的五种方式:

1.1 form表单发请求

1
2
3
4
5
6
7
8
<form action="xxx" method=get>
<input type="password" name="password">
<input type="submit">
</form>
<form action="yyy" method=post>
<input type="password" name="password">
<input type="submit">
</form>

1.2 a标签发请求

1
<a href="/xxx">click</a>

1.3 img标签发请求

1
2
3
4
5
<script>
var image = document.createElement('img')
image.src = '/xxx'
document.body.appendChild(image)
</script>

1.4 link标签发请求

1
2
3
4
5
6
<script>
var link = document.createElement('link')
link.rel = 'stylesheet'
link.href = '/xxx'
document.head.appendChild(link)
</script>

1.5 script标签发请求

1
2
3
4
5
  <script>
var script = document.createElement('script')
script.src = '/yyy'
document.head.appendChild(script)
</script>

总结

  ①用form可以发请求,但是会刷新页面或新开页面;
  ②用a标签可以发get请求,但是会刷新页面或新开页面;
  ③用img可以发get请求,但是只能以图片形式展示;
  ④用link可以发get请求,但是只能以css、favicon的形式展示;
  ⑤用script可以发get请求,但是只能以脚本的形式运行.

2、AJAX

AJAX,即Asynchronous JavaScript and XML,异步的JavaScript和XML
  1.使用XMLHttpRequest发请求
  2.服务器返回XML格式的字符串
  3.JS解析XML,并更新局部页面

3、使用原生JS手写一个AJAX请求:

详细见Github:https://github.com/LqZww/ajax-demo-1

参考教程:http://javascript.ruanyifeng.com/bom/ajax.html

本文作者 : LqZww
原文链接 : http://yoursite.com/2019/08/02/ajax-zhi-chu-tan/
版权声明 : 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明出处!
支付宝扫一扫, 向我赞赏

支付宝扫一扫, 向我赞赏

微信扫一扫, 向我赞赏

微信扫一扫, 向我赞赏

留下足迹