jQuery 的常用方法有哪些? 下面本篇文章给大家介绍一下 jQuery 中的几种常用方法. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
jQuery 的几个常用方法
jQuery Ajax 最常用的三种方法
- <script>
- // 把所有需要用到的地址归类到一个对象里
- var webUrl = {
- "show1Url": "{{ url('address/list1') }}",
- "show2Url": "{{ url('address/list2') }}",
- "show3Url": "{{ url('address/list3') }}"
- };
- // get 方式
- function getData() {
- $.get(webUrl.show1Url, // 获取地址
- function(JSON){
- console.log(JSON);
- });
- }
- // post 方式
- function postData(v1) {
- $.ajaxSettings.async = true; // 在这里设置同步或异步 默认为 true(可不写) false 为同步
- $.post(webUrl.show2Url, // 获取地址
- {
- "id":v1 // 需要传输的数据
- },
- function(JSON){
- console.log(JSON);
- });
- }
- // Ajax 方式
- function fullData(id) {
- $.Ajax({ // Ajax 请求设置. 所有选项都是可选的.
- async:false, // 请求是同步或异步 默认为 true 为 true 时不用写
- type: "POST", // 设置类型
- url: webUrl.show3Url, // 数据传输地址
- dataType: "json", // 获取的数据类型
- data: {"id":id}, // 传参
- success: function (JSON) { // 请求成功之后调用
- // console.log(JSON);
- console.log(JSON);
- },
- error: function () { // 请求出错时调用
- console.log("请求失败");
- }
- })
- }
- </script>
更多 Web 前端 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/jquery/18319.html