ajax中中loaddate,jQuery中ajax的load()与post()方法实例详解

2023-11-08

本文实例讲述了jQuery中ajax的load()与post()方法。分享给大家供大家参考,具体如下:

一、load()方法

在jQuery ajax的load()方法能够载入远程 HTML 文件代码并插入至 DOM 中,这个与post,get还是有一点的区别,但可以快速在页面加载时就加载一个页面的html保存到dom中并且可执行哦。

load()方法默认使用 GET 方式, 如果传递了data参数则使用Post方式.

传递附加参数时自动转换为 POST 方式。jQuery 1.2 中,可以指定选择符,来筛选载入的 HTML 文档,DOM 中将仅插入筛选出的 HTML 代码。语法形如 "url #some > selector", 默认的选择器是"body>*".

讲解:

load是最简单的Ajax函数, 但是使用具有局限性:

1.它主要用于直接返回HTML的Ajax接口

2.load是一个jQuery包装集方法,需要在jQuery包装集上调用,并且会将返回的HTML加载到对象中, 即使设置了回调函数也不过不可否认load接口设计巧妙并且使用简单.下面通过示例来演示Load接口的使用:

load()函数:

函数介绍:load(url, [data], [callback]) 返回值:jQuery

参数说明:

url:待装入 HTML 网页网址。

data:(可选参数)发送至服务器的 key/value 数据。

callback:(可选参数)载入成功时回调函数。

下面进行实例演示:

首先建立需要加载的test.html文件:

ajax演示

脚本之家(www.jb51.net),提供大量脚本及素材供大家下载!

然后建立ajax.html文件,记得引入jquery。

$(document).ready(function(){

$("#btn").click(function(){

$("#result").load("test.html",function(responseText,textStatus){

$("#display").append("


responseText:"+responseText);

$("#display").append("


textStatus:"+textStatus);

});

});

});

显示的内容如下:

结果:

上面的示例演示了如何使用Load方法.

提示:

① 我们要时刻注意浏览器缓存,  当使用GET方式时要添加时间戳参数 (net Date()).getTime() 来保证每次发送的URL不同, 可以避免浏览器缓存.

② 当在url参数后面添加了一个空格, 比如"  "的时候, 会出现"无法识别符号"的错误, 请求还是能正常发送. 但是无法加载HTML到DOM. 删除后问题解决.

二、post()方法

在jquery中的ajax有二个数据发送模式,一种是get(),前面的文章有讲过,另一种是post()。这里再来给大家介绍一下,有需要了解的朋友可参考.

首先认识要jQuery.post(url, [data], [callback], [type])

对参数进行说明:

url:发送请求地址。

data:待发送 Key/value 参数。

callback:发送成功时回调函数。

type:返回内容格式,xml, html, script, json, text, _default。

说明:

通过远程 HTTP POST 请求载入信息。

这是一个简单的 POST 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。

先来看一个简单的实例

<?php echo json_encode(array("name"=>$_POST['name']));?>

然后建立ajax.html文件,注意js代码:

$(document).ready(function(){

$("#sub").click(function(){

$.post("testPost.php",{name:$("#name").val()},function(data,textStatus){

$("#result").append("data:"+data.name);

$("#result").append("
textStatus:"+textStatus);

},"json");

return false;

});

});

显示的内容如下:

用法2:(点击post数据返回数据)

function ajaxTest()

{

$.post("http://localhost:8012/t.asp", { "txt": "123" },function(data)

{

$("#divMsg").html(data);

}

);

}

例3

JS代码:

$(document).ready(function(){

$(".ajax_btn").click(function(){

$.post("ajax.php",//异步处理动态页面

{name:$(".name").val()},//获取类名为"name"文本的值,以NAME异步传值

function(data){//data为反回值,function进行反回值处理

$(".content").val(data);//获得得反回值后,将其填入到类名为"content"的文本框中

});

})

})

ajax.php代码:

$name=$_POST["name"];

if($name=="netxu"){

echo "对不起,".$name."数据存在";

}

else{

echo "恭喜你,".$name."可以使用";

}

?>

希望本文所述对大家jQuery程序设计有所帮助。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

ajax中中loaddate,jQuery中ajax的load()与post()方法实例详解 的相关文章

  • tf.multinomial()/tf.random.categorical()用法解析

    tf multinomial tf random categorical 用法解析 首先说一下 tf multinomial 在tensorflow2 0版本已经被移除 取而代之的就是tf random categorical 网上的很多博
  • 常用群体药动学模型评价方法:诊断图

    诊断图 分类 基于预测的模型诊断图 基于残差的模型诊断图 基于贝叶斯估算的模型诊断图 基于预测的模型诊断图 呈现实际观测值与群体 个体预测值的一致性 反映模型对于实测值的拟合程度 1 因变量 群体预测值 DV PRED 绘图 参考线 趋势线
  • SFB 项目经验-67-Exchange 2016删除指定主题邮件

    问题描述 1 员工错发群邮件 2 员工乱发群邮件 3 BOSS要求你批量删除错发群邮件或者乱发邮件 解决方法 通过网络搜索 再结合客户环境测试成功后 精简后的方法 1 使用search mailbox命令搜索后再删除的操作 可以实现邮件的删
  • sql 查询id最大的数据记录

    SELECT money consume type business id transaction log id FROM account consume records where id select max id from accoun
  • Qt入门(4)——Qt常见控件

    Qt提供了大量的内建控件及通用对话框可满足程序员的绝大部分要求 我们将对这些控件和对话框作一个大概的介绍 1 QLabel 定义 cpp view plain copy QLabel m labelOrdered newQLabel 0 t
  • Python:数据类型list的基本操作,list嵌套数组简述

    转自 北京图灵学院刘大拿 https study 163 com course introduction htm courseId 1004987028 后续补充来源 Python 廖雪峰 https www liaoxuefeng com
  • 求单链表长度(C语言)

    include
  • sublime text3打开文件,中文乱码问题解决办法

    一 首先要确保本机sublime已经有安装包管理器 如果没有 安装方法 http blog chinaunix net uid 12014716 id 4269991 html 文中的第一步 安装包管理器 二 安装乱码处理插件 调用ctrl
  • Linux下JDK安装及配置 (tar.gz版)

    安装环境 Linux JDK安装 tar gz为解压后就可以使用的版本 这里我将使用jdk 8u65 linux x64 tar gz版 安装到 usr java 下 步骤一 将文件jdk 8u65 linux x64 gz移动到 usr
  • 惯导系列(二):应用于惯性导航的滤波算法(最近在修正)

    前言 我又消失了一段时间 这段时间研究了惯性导航有关的算法 整理了不少博客 字数比较多 图片比较多 学到了很多知识 2023 8 5补充 惯性导航的滤波算法比较复杂 分析起来很难以理解 IMU滤波要考虑两种实际应用场所 一是分析惯导的姿态
  • 【GPU Gems 学习笔记】Implementing Improved Perlin Noise

    柏林噪声 柏林噪声算法 Perlin Noise 是Ken Perlin在1983年提出的一种渐变噪声 和完全随机的白噪声相比 柏林噪声做到了杂乱而有序 能够更好地模拟自然界中的随机现象的复杂性和相互间的关联性 常被用于电影视觉效果 a 一
  • dotnet跨域问题之预检请求的重定向

    浏览器模式是不允许预检请求的重定向的 redirect for a preflight request 场景 前后端分离情况下 不同域名的应用 当前端去dotnet core的web api接口中取数据时 出现了错误 跨域错误 错误的大概意
  • 使用Pandoc在命令行中转换文件

    Pandoc是用于将文件从一种标记语言转换为另一种标记语言的命令行工具 标记语言使用标签来注释文档的各个部分 常用的标记语言包括Markdown ReStructuredText HTML LaTex ePub和Microsoft Word
  • expr命令用法-实例讲解

    expr命令是一个手工命令行计数器 用于在UNIX LINUX下求表达式变量的值 一般用于整数值 也可用于字符串 格式为 expr Expression 命令读入Expression 参数 计算它的值 然后将结果写入到标准输出 参数应用规则
  • One PUNCH Man——深度学习入门

    文章目录 人类视觉原理 从神经网络到卷积神经网络 CNN 数据输入层 卷积计算层 卷积的计算 参数共享机制 激励层 池化层 全连接层 CNN优缺点 卷积神经网络的常用框架 人类视觉原理 深度学习的许多研究成果 离不开对大脑认知原理的研究 尤
  • java mail 通过 freemarker 发送邮件

    java mail 通过 freemarker 发送邮件 理解 java mail 核心类 1 MimeMessage 对象就是一封邮件 2 Session 定义系统属性信息 具体代码如下 1 controller 层代码如下 packag
  • ubuntu 下切换窗口

    通过 alt tab 键 在所有打开的程序之前切换 在切换过程中 如果遇到已经打开多个窗口的程序 可以按 alt 键 组合键 转入一个程序所有窗口中 循环切换 转载于 https www cnblogs com zach0812 p 115
  • C# 的文件读写方式汇总(学习心得 27)

    当打开文件进行读写时 它变成一个 流 从根本上说 流是通过通信路径传递的字节序列 有两个主要的流 输入流 和 输出流 输入流用于从文件读取数据 读操作 输出流用于向文件写入数据 写操作 超级小白友好 讲解C 基础 每集5分钟轻松学习 拒绝从
  • pta找完数问题,我想知道哪错了,pta上显示有两处答案错误,谢谢

    include

随机推荐

  • 2018/12/19统计字符出现字数

    本题要求编写程序 统计并输出某给定字符在给定字符串中出现的次数 输入格式 输入第一行给出一个以回车结束的字符串 少于80个字符 第二行输入一个字符 输出格式 在一行中输出给定字符在给定字符串中出现的次数 输入样例 programming i
  • MSF图形化界面Viper(炫彩蛇)下载与使用

    Viper 炫彩蛇 是一款图形化内网渗透工具 将内网渗透过程中常用的战术及技术进行模块化及武器化 Viper 炫彩蛇 集成杀软绕过 内网隧道 文件管理 命令行等基础功能 Viper 炫彩蛇 当前已集成70 个模块 覆盖初始访问 持久化 权限
  • zsh: command not found: brew

    问题 已经安装好Homebrew 命令行查看brew v 显示zsh command not found brew 解决方案 打开 如不存在此文件会自动创建 vim zshrc 在里面添加一行 export PATH opt homebre
  • 【数据结构】手把手带你搞懂顺序表(带图详解)

    文章目录 前言 1 顺序表 1 1 顺序表的结构体 1 2 功能实现 初始顺序表 增加顺序表长度 顺序表的查找 顺序表的插入 顺序表的删除 打印顺序表 顺序表的销毁 1 3 顺序存储结构的优缺点 顺序表总代码 前言 在本篇博客中 我会概述顺
  • 12.20 摄像机跟随玩家

    public class CameraFollow MonoBehaviour Transform player float up 11 away 17 Vector3 pos float speed 3f void Start playe
  • 基于JSP的网络超市商品销售管理系统的毕业设计与实现

    论文题目 基于JSP的网络超市商品销售管理系统的毕业设计与实现 摘要 随着电子商务的快速发展 网络超市已经成为人们购物的重要途径之一 本文基于JSP Java Server Pages 技术 设计了一个网络超市商品销售管理系统 旨在提供一个
  • BUUCTF,Web:[极客大挑战 2019]Havefun

    无其他可动项 先看源码 cat GET cat echo cat if cat dog echo Syc cat cat cat cat get 传 cat dog 得到 flag
  • datagrip插入汉字报错

    1 datagrip报错信息 HY000 1366 Incorrect string value xE5 xA4 xA7 xE5 xB8 x88 for column name at row 1 2 原因 编码格式有问题 建立表的时候不能插
  • 多线程之间实现通讯

    多线程之间如何实现通讯 什么是多线程之间通讯 多线程之间通讯 其实就是多个线程在操作同一个资源 但是操作的动作不同 画图如下 我这里有个例子 就是弄两个线程 一个进行写 一个进行读 写的话 如果是偶数 就是java 男 如果是奇数 就是ph
  • c++编写消消乐游戏

    include
  • AR基础讲解:打造AR元宇宙博物馆编程之旅

    AR基础讲解 打造AR元宇宙博物馆编程之旅 随着技术的不断发展 增强现实 AR 正逐渐成为各个领域的热门技术 而在AR中 构建一个全新的虚拟世界 AR元宇宙博物馆 使我们能够透过手机或其他AR设备与数字内容进行互动 本文将为大家介绍如何使用
  • 美国病毒systemd占用100%,root密码登录卡死

    1 top 查看到有僵尸进程一直启动 2 lsof p 752 查看进程的来源 3 crontab l 查看定时任务 是否有自动启动
  • C语言网络编程(二)建立套接字通讯UDP

    所谓socket套接字 指的是在网络通信以前建立的通信接口 进行网络连接以前 需要向系统注册申请一个新的socket 然后使用这个socket进行网络连接 提示 套接字 传输层协议 端口号 IP地址 在进行网络连接以前 需要用socket函
  • 代码随想录算法训练营19期第57天

    647 回文子串 代码随想录 初步思路 动态规划 总结 dp i j 表示区间范围 i j 注意是左闭右闭 的子串是否是回文子串 当 s i s j 时 需要判断 dp i 1 j 1 是不是一个回文串 if s i s j j i lt
  • 3分钟搞懂js的冒泡和捕获?

    为了快速理解js冒泡和捕获 我们先看代码
  • 桌前检查、代码评审、走查

    桌前检查 Disk Checking 这是一种传统的检查方法 由程序员检查自己编写的程序 程序员在程序通过编译之后 进行单元测试之前 对源程序代码进行分析 检验 并补充相关的文档 目的是发现程序中的错误 检查项目有 1 检查变量的交叉引用表
  • 浅谈3NF(范式)建模

    范式 一张数据表的表结构所符合的某种设计标准的级别 构造数据库必须遵循一定的规则 在关系型数据库中 这种规则就是范式 范式是符合某一种级别的关系模式的集合 目前关系数据库有六种范式 第一范式 1NF 第二范式 2NF 第三范式 3NF 第四
  • Pycharm及python安装详细教程(图解)

    更多编程教程请到 菜鸟教程 https www piaodoo com 友情链接 好看站 http www nrso net 首先我们来安装python 1 首先进入网站下载 点击打开链接 或自己输入网址https www python o
  • java类是公共的应当声明,java 类是公共的,应在名为.java 的文件中声明

    java 类是公共的 应在名为 java 的文件中声明 关注 162 答案 2 mip版 解决时间 2021 01 16 12 24 提问者关系已逝 2021 01 15 16 19 import javax swing JOptionPa
  • ajax中中loaddate,jQuery中ajax的load()与post()方法实例详解

    本文实例讲述了jQuery中ajax的load 与post 方法 分享给大家供大家参考 具体如下 一 load 方法 在jQuery ajax的load 方法能够载入远程 HTML 文件代码并插入至 DOM 中 这个与post get还是有