• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营

    • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    jQery ajax——load()方法示例介绍
    一．load()方法（最简单的）
    load(url,[data],[callback])
    url：加载的页面地址
    data: 可选项，发送到服务器的数据，格式是key/value
    callback:可选项，回调函数
    1.最简单的应用
    复制代码 代码如下:

    !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    html xmlns="http://www.w3.org/1999/xhtml">
    head>
    meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    title>load方法应用/title>
    script type="text/javascript" src="js/jquery-1.8.2.min.js">/script>
    style type="text/css">
    #divframe{ border:1px solid #999; width:500px; margin:0 auto;}
    .loadTitle{ background:#CCC; height:30px;}
    /style>
    script type="text/javascript">
    $(function(){
    $("#btn").click(function(){
    //加载整个页面
    //$("#ajaxTip").load("inclue_a.html");
    //加载页面中的某一元素
    $("#ajaxTip").load("inclue_a.html #userinfo");
    })
    })
    /script>
    /head>
    body>
    div id="divframe">
    div class="loadTitle">
    input type="button" value="获取数据" id="btn"/>
    /div>
    div id="ajaxTip">
    /div>
    /div>
    /body>
    /html>

    其中inclue_a.html的代码如下：
    复制代码 代码如下:

    div id="userinfo">
    姓名：冰淇淋br>
    性别：田br>
    邮箱：999@123.com
    /div>

    显示结果：
     
    点击按钮显示如下：
     
    二．get()方法
    三．post()方法
    四．ajax()方法
    您可能感兴趣的文章:
    • jquery 读取页面load get post ajax 四种方式代码写法
    • jQuery Ajax之load()方法
    上一篇：jQuery+Ajax实现表格数据不同列标题排序(为表格注入活力)
    下一篇：滑轮滚动到页面底部ajax加载数据配合jsonp实现探讨
  • 相关文章
    • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    jQery ajax——load()方法示例介绍 jQery,ajax,load,方法,示例,