zoukankan      html  css  js  c++  java
  • Jquery学习总结(2)——jQuery Ajax用法详解

    【详解】jquery ajax在web应用开发中常用,主要包括有ajax,get,post,load,getscript等这几种常用无刷新操作方法,下面来给大家介绍一下。我们首先先从最简单的方法看起。

    我们先从最简单的方法看起,处理复杂的ajax请求时,jquery使用jquery.ajax方法进行处理,在jquery中有一些简单的方法,他对jquery.ajax方法进行了封装,是的我们在处理一些简单的ajax事件时,不需要使用jquery.ajax方法,其中有些方法在之前的文章已经出现过啦。,相信大家很快能够掌握。

    以下4个方法执行一般ajax请求的简短形式,在处理复杂的ajax请求时应该使用jquery.ajax。

    1.load(url,[data],[callback])

    载入远程html文件代码并插入至DOM中,默认使用GET方式,传递参数时自动转换为POST方法

    *url:要载入的远程url地址

    *data:发送至服务器的key/value数据

    *callback:载入成功时的回调函数

    示例代码:

    //无参数、无回调函数

    $("#showload").load("load.htm");

    //无回调函数

    $("#showload").load("load.htm", { "para": "para-value" });

    $("#showload").load("load.htm", { "para": "para-value" },

    function {

    //处理

    })

    2.jquery.get(url,[data],[callback])

    使用get方式从服务器端获取数据。

    *发送请求的url地址

    *要发送给服务器的数据

    *载入成功时回调函数

    示例代码:

    $.get("jqueryget.htm", { "id": this.id },

    function(req) {

    //成功时的回调方法

    $("#showget").html(req);

    });

    })

    3.jquery.getscript(url,[data],[callback])

    通过GET方式请求载入并执行一个javascript文件,这个技术在前面中已经提到过,也是jquery.ajax中的一种简单的方法。

    4.jquery.getJSON(url,[data],[callback])

    通过get方式获取json格式的数据。

    示例代码:

    $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?", function(req) {

    $.each(req.items, function(i, item) {

    if (i == vnum) {

    $("<img src="" + item.media.m + "" title="" + item.title + "" />").appendTo("#showjson");

    }

  • 相关阅读:
    SQL语法结构
    MVC ViewBag不能使用在工程文件中添加引用
    Structs2+spring+hibernate整合
    java解析多层嵌套json字符串
    [转载] javamail腾讯企业邮箱发送邮件
    【转载】java加载properties文件的六种方法总结
    Linux上执行java文件——用Eclipse将Java源代码生成可执行文件
    ssm框架实现用户登录的拦截器和过滤器
    Sql Server设置用户只能查看并访问特定数据库
    Java操作Excel之POI:excel导出文件
  • 原文地址:https://www.cnblogs.com/zhanghaiyang/p/7212930.html
Copyright © 2011-2022 走看看