您的位置:首页 > Web前端 > JQuery

使用jquery实现AJAX技术的几种方法

2016-07-03 19:35 621 查看
1.      load(url,[data],[callback])把返回的数据放到指定元素中

2.      getJSON方法:可以为.txt或者.json文件都可以

    $.getJSON("Handler/college.ashx",{method:"add_bar"},
function (response,status, xhr) {
        console.log(response);
        a = response;
    })

 

3.         $.getScript("myjs.js",function(data){})用于执行js文件,返回的data只是字符串

4.      $.get(URL,data,function(data,status,xhr),dataType)

     $.get("Handler/college.ashx", { method:
"add_bar" },
function (data) {
            console.log(data) },"json")
多用于请求数据,不添加data参数
5.   $.post(URL,data,function(data,status,xhr),dataType)
  $.post("Handler/college.ashx", { method:
"add_bar" },
function (data) {
            console.log(data) },"json")
多用于发送数据,添加data参数

6.      $(selector).serialize()将表单中所有带有name属性的元素值序列化,生成标准url编码文字字符串

7.      $.ajax()是最底层最强大的ajax方法。可以从.txt或者.json获取数据

      $.ajax({

               url:
"sport.txt",

               dataType:
"text",//"json"

               success:
function (json) {

                   myjson = json;

               }

           });

8.      $.ajaxSetup({}),用于设置全局的选项值(如dataType、success、contentType),后面的$.ajax()就不需要设置这些参数

9.      $(selector).ajaxStart(function())和$(selector).ajaxStop(function())用于在ajax请求发送前触发的函数和请求完成后触发的函数
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jquery ajax web