jquery ajax 请求,如何让它加载一次请求

问题描述

目的是在页面div中插入ajax返回的数据。每次请求点击按钮触发ajax,想添加一个表单,如何做?我用的是append,每次按钮触发ajax,都会在后面追加一个,如果点击三次,出现三个相同的数据,这个问题怎么解决??

解决方案

不要用append,用html:比如div如下:<div id="divData"></div>那么你的ajax返回回调函数中应该如下写:var data = "ajax请求返回的数据";$("#divData").html(data);
解决方案二:
如果ajax请求数据都一样,那就是ajax请求被浏览器缓存了,在请求的参数中加上一个随机数参数。
解决方案三:
,都会在后面追加一个,如果点击三次,出现三个相同的数据,这个问题怎么解决??
解决方案四:
同意楼上。注意js操作大字符串的效率问题。
解决方案五:
append是追加,html是替换!

时间: 2024-10-09 12:45:30

jquery ajax 请求,如何让它加载一次请求的相关文章

jquery ajax实现网页刷部加载代码

都能达到同样的效果,此实例比较简单,对刚入门学Jquery ajax函数的朋友还是有一定的帮助的,更多的还要自己多动手去尝试 <!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/

jquery ajax实现无刷新数据加载代码

<html xmlns="http://www.111cn.net/ 1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title></title> <script> var xml_http_building_link = '请等待,正在建立

jquery显示loading图片直到网页加载完成的方法

  本文实例讲述了jquery显示loading图片直到网页加载完成的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 <!DOCTYPE html> <html class="no-js"> <head> <meta charset='UTF-8'> <title>Simpl

jquery插件NProgress.js制作网页加载进度条

  这篇文章主要介绍了jquery插件NProgress.js制作网页加载进度条的相关资料,需要的朋友可以参考下 NProgress.js是极细的纳米级进度条,用现实的细线条动画让用户看到网页正在发生的事情! 你也许已经在 Youtube 上看过了那道红色激光脉冲,它会在你切换页面时出现.其实许多移动浏览器的进度条都是这个样式,但是在网页上实现可不多见.不过,有了 NProgress 这个 jQuery 插件,你也可以轻松实现! NProgress.js应用于复杂网页的细长进度条.由 Googl

jquery 页面滚动到底部自动加载插件集合

 很多社交网站都使用无限滚动的翻页技术来提高用户体验,当你页面滑到列表底部时候无需点击就自动加载更多的内容 很多社交网站都使用无限滚动的翻页技术来提高用户体验,当你页面滑到列表底部时候无需点击就自动加载更多的内容.下面为你推荐 10 个 jQuery 的无限滚动的插件:    1. jQuery ScrollPagination   jQuery ScrollPagination plugin 是一个 jQuery 实现的支持无限滚动加载数据的插件.   2. jQuery Screw   Sc

jquery显示loading图片直到网页加载完成的方法_jquery

本文实例讲述了jquery显示loading图片直到网页加载完成的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html> <html class="no-js"> <head> <meta charset='UTF-8'> <title>Simple Loader</title> <style> /* This only works with JavaScript, if it'

jQuery实现按钮点击遮罩加载及处理完后恢复的效果_jquery

本文实例讲述了jQuery实现按钮点击遮罩加载及处理完后恢复的效果.分享给大家供大家参考,具体如下: 运行效果图如下: 具体代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="EasyUiLoad.aspx.cs" Inherits="EasyUiLoad" %> <!DOCTYPE html PUBLIC "-//W3C//D

jquery 页面滚动到底部自动加载插件集合_jquery

很多社交网站都使用无限滚动的翻页技术来提高用户体验,当你页面滑到列表底部时候无需点击就自动加载更多的内容.下面为你推荐 10 个 jQuery 的无限滚动的插件: 1. jQuery ScrollPagination jQuery ScrollPagination plugin 是一个 jQuery 实现的支持无限滚动加载数据的插件. 2. jQuery Screw Screw (scroll + view) 是一个 jQuery 插件当用户滚动页面的时候加载内容,是一个无限滚动翻页的插件. 3

JQuery ztree带筛选、异步加载实例讲解_jquery

本文实例分享了JQuery ztree带筛选.异步加载实例,供大家参考,具体内容如下 <html> < head> < base href="<%=basePath%>"> <title>My JSP 'ztree.jsp' starting page</title> <link rel="stylesheet" href="zTrees/css/zTreeStyle/zTree

Ajax与DOM实现动态加载

首先说下问题背景:想要通过异步请求一个文本文件,然后通过该文件的内容动态创建一个DOM节点添加到网页中. 基于这个需要了解: 1 DOM如何动态添加节点 2 Ajax异步请求 3 Chrome浏览器如何处理本地请求 DOM如何动态添加节点 想要动态的添加节点,就需要良好的理解DOM文档. 常用的几个方法: getElementById()  getElementsByTagName() getAttribute() setAttribute() 以及 createElement() create