首页 > 其他分享 >Jquery通过Ajax发送数据2

Jquery通过Ajax发送数据2

时间:2024-09-08 22:04:46浏览次数:11  
标签:Jquery function ajax Ajax html 发送数据 data 加载

一、低级Ajax方法

      启动Ajax通信的方法,在内部jQuery会把这些方法都映射成$.ajax()全局函数的一种变体

       $('#dictionary').load('a.html')加载HTML片段

       等价

       $.ajax({

            url:   'a.html',

            success:  function(data){

                  $('#dictionary').html(data);

           }

       })

      优点:

                1.避免浏览器缓存来自服务器的响应,适合服务器动态生成数据的情况

                2.抑制正常情况下所有的Ajax交互都可以触发的全局处理函数如:$.ajaxStart()

                3.在远程主机需要认证的情况下,可以提供用户名和密码

二、修改默认选项

        $.ajaxSetup()函数可以修改调用Ajax方法时每个选项的默认值。这个函数与$.ajax()接受相同的选项对象参数

   之后所有的Ajax请求都将使用传递给该函数的选项====除非明确覆盖。

          $.ajaxSetup({

             url:   'a.html',

             type: 'POST',

            dataType:  'html'

       });

         $.ajax({

            type:'GET',

            success:function(data){

                    $('#dictionary').html(data);

            }

           });

  三.部分加载HTML页面

      取得并将HTML片段插入到当前页面中            

          $(document).ready(function(){

               $('#letter-h a').click(function(){

                    event.preventDefault();

                    $('#dictionnary').load('a.html  .entry');

               })

         })

         页面加载时,只会加载类名为.entry的元素

    

     

标签:Jquery,function,ajax,Ajax,html,发送数据,data,加载
From: https://www.cnblogs.com/njhwy/p/18403588

相关文章

  • 使用jQuery实现Form表单提交
    使用jQuery实现Form表单提交在Web开发中,表单提交是一个常见的操作,通过表单提交用户可以向服务器发送数据。jQuery是一个流行的JavaScript库,可以简化处理JavaScript的操作,包括表单提交。在本篇博客中,我们将介绍如何使用jQuery来实现表单提交操作。HTML表单首先,我们需要编写一个简单......
  • JQuery通过Ajax发送数据
    JQuery的基础教程   第六章:通过Ajax发送请求   html代码<!DOCTYPEhtml><htmllang="en"><head>  <metacharset="UTF-8">  <metaname="viewport"content="width=device-width,initial-scale=1.0"&g......
  • jQuery动态添加和删除表格记录
    <!DOCTYPEhtml><html><head><title>jQuery动态添加和删除表格记录</title><scriptsrc="Scripts/jquery-3.4.1.min.js"></script></head><body><tableid="myTable">......
  • jQuery下拉框搜索模糊查询实现
    jQuery下拉框搜索模糊查询实现在web开发中,经常会遇到需要在下拉框中进行搜索并进行模糊查询的需求。jQuery是一个广泛应用于前端开发的JavaScript库,可以帮助我们实现这样的功能。本文将介绍如何使用jQuery实现下拉框搜索模糊查询功能。HTML结构首先,我们需要在HTML中定义一个select......
  • Jquery中获取iframe的代码(window.top.parent)
    父窗口中操作iframe:window.frames["iframeChild"].document//假如iframe的id为iframeChild在子窗口中操作父窗口:window.parent.document那么,用如果想用jquery的方法,我们怎么用jquery来获取iframe呢?下面是一下收集来的方法。获取页面的对象其实就是dom方法外面加上jq......
  • JQuery的DOM操作
    JQuery基础教程第四版 第五章:DOM操作方法的简单归纳使用JQuery的DOM操作实现以下功能   1.创建新元素   2.插入新元素   3.移动元素   4.包装元素   5.复制元素相关代码HTML文件 <!DOCTYPEhtml><htmllang="en"><head>  <meta......
  • jQuery常用功能
     在jQuery中,添加新元素到DOM(文档对象模型)中通常使用几种不同的方法,这些方法让能够将HTML内容、文本、jQuery对象或DOM元素插入到页面上的指定位置。以下是一些常用的方法:1..append()和.appendTo().append(content):向每个匹配的元素内部追加内容。.appendTo(target):将所有匹配的......
  • jQuery中的大于等于(>=)操作符使用技巧
    jQuery中的大于等于(>=)操作符使用技巧在jQuery中,常常需要对元素的某个属性或数值进行比较,判断是否大于等于某个特定的值。在这种情况下,使用大于等于(>=)操作符是非常常见的。本文将介绍如何在jQuery中使用大于等于操作符的技巧,帮助您更好地进行数据处理和交互操作。基本语法大于等于(>=......
  • 【转】[jquery] 各版本分析
    转自:https://www.jb51.net/javascript/297784ud9.htmjquery-1.12.4.min.js下载1.x、2.x、3.x三大系列的区别1,IE的支持情况比较(1)情况分析1.x:支持ie6、ie7、ie82.x、3.x:不支持ie6、ie7、ie8(2)选择建议如果需要兼容ie678:只能选择1.x如果不需要兼容ie678:可以选择2.x......
  • 初识jQuery
    jQuery简介jQuery由美国人JohnResig于2006年创建jQuery是目前最流行的JavaScript程序库,它是对JavaScript对象和函数的封装它的设计思想是writeless,domore例:实现隔行变色效果,只需一句关键代码<!DOCTYPEhtml><html><head><title>订单表格</title></head><!--......