`
yuexiaowen
  • 浏览: 124714 次
  • 性别: Icon_minigender_2
  • 来自: 咸阳
社区版块
存档分类
最新评论

jquery与ajax的调用

AjaxjQueryCacheJSPJavaScript 
阅读更多

 <script type="text/javascript">
    var AjaxParams =  function(type,url,global,cache,id){
      this.type = type;
      this.url = url;
      this.global = global;
      this.cache = cache;
      this.id = id;
    }
     function getAllId(){
     var ids = new Array();
     ids.push('aa');
     ids.push('bb');
     ids.push('cc');
     var urls = new Array();
     urls.push('http://localhost:8088/TestHttpClient/welcome.jsp');
     urls.push('http://localhost:8088/TestHttpClient/world.jsp');
     loadAllLink(ids,urls);
    }
    function loadAllLink(o,urls){
    for(var i = 0;i<o.length;i++){
   var  pp = new AjaxParams("post",
       urls[i],
       false,false,o[i]
       );       
     $.ajax({
    type:pp.type,
    url:pp.url,
    global:pp.global,
    cache: pp.cache,
    timeout: 10000,
    beforeSend: function(XMLHttpRequest){     
    },
    error:function(){
       $("#"+pp.id).html("读取内容错误...");
    },
    success:function(html){
    flush(pp.id,html);
    }
   });
  
  }  
     }
     function flush(id,html){
     alert(id);
      $("#"+id).html(html);
     }
     $(document).ready(function(){getAllId()});
  </script>

 

 <body>
    This is my JSP page. <br>
    <div id="aa" style="background-color: aqua">
    </div><br/>
    <div id="bb" style="background-color: black;"></div><br/>
    <div id="cc" style="background-color: blue;"></div>
  </body>

 

此方法的作用是给不同的div里面引入不同的url，可是现在的效果不是那样。请帮帮我！～～～～～

0
顶
0
踩
分享到：
| jquery学习笔记(1)
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jquery与ajax调用,有代码 ， 有说明,使ajax调用简单

    **jQuery与Ajax调用详解** 在Web开发中，jQuery与Ajax的结合使用极大地简化了异步数据交互的过程，使得前端可以高效地与服务器进行通信，而无需刷新整个页面。本教程将详细介绍如何利用jQuery实现Ajax调用，并通过...

    asp.net 利用jquery-ajax调用后台方法

    下面将详细介绍如何利用jQuery-AJAX调用ASP.NET后台方法。 1. **创建WebMethod** 在ASP.NET的C#或VB.NET代码中，我们可以创建一个静态的WebMethod，标记为 `[WebMethod]` 或 `[ScriptMethod]`，以便可以从...

    Asp.net中JQuery、ajax调用后台方法总结

    Asp.net 中 jQuery、ajax 调用后台方法总结 在 Asp.net 中，使用 jQuery 和 Ajax 调用后台方法是一种常见的做法。下面总结了几种常见的调用方法。 有参数的方法调用 在前台使用 jQuery 代码调用后台方法时，需要...

    asp.net+jquery+ajax所有调用例子

    ASP.NET 是一个强大的Web应用程序开发框架，由微软...通过在ASP.NET页面中添加UpdatePanel，并配置触发器，我们可以实现后台方法的AJAX调用。例如，一个简单的ASP.NET AJAX调用aspx页面的方法可能如下： ```asp.net ...

    jQuery使用Ajax方法调用WebService.doc

    ### jQuery使用Ajax方法调用WebService知识点详解 #### 一、简介 在Web开发领域中，Ajax（Asynchronous JavaScript and XML）技术被广泛应用于实现页面局部刷新等功能，极大地提升了用户体验。结合jQuery这一流行的...

    JQuery与Ajax调用新浪API获取短网址的代码

    在本文中，我们将深入探讨如何使用JQuery与Ajax调用新浪API来获取短网址。首先，让我们了解一下JQuery和Ajax的基础知识。 JQuery是一个流行的JavaScript库，它简化了DOM操作、事件处理、动画以及Ajax交互。它使得...

    Jersey实现restful，CXF调用以及jquery AJAX调用

    【标题】：Jersey实现RESTful，CXF调用及jQuery AJAX调用 【内容】： 在现代Web开发中，RESTful API已经成为一种主流的接口设计模式，它以简洁、可扩展的方式提供服务。本篇将详细介绍如何使用Jersey框架实现...

    jQuery使用Ajax方法调用WebService

    在.NET中，你可以创建一个ASMX文件来定义你的服务方法，然后在jQuery的Ajax调用中引用这些方法。 在调用过程中，需要注意的是跨域问题。由于同源策略的限制，Ajax请求通常只能访问同源（协议+域名+端口）的资源。...

    JQuery中Ajax的异步调用 示例

    JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,JQuery,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,ajax,一个关于在js中通过JQuery实现异步无...

    jquery利用ajax调用后台方法实例

    标题：“jquery利用ajax调用后台方法实例” 这个标题表明我们将讨论一个使用jQuery的Ajax功能与后台交互的实际示例。Ajax（Asynchronous JavaScript and XML）允许我们在不刷新整个页面的情况下，向服务器发送请求...

    Java中：struts2+jQuery+ajax调用(引用)

    Java中：struts2+jQuery+ajax调用(引用) 代码，解析，源码，demo，实例，分析

    Jquery和ajax结合使用的小例子

    在"Jquery&AjaxTest"这个项目中，你可以找到实际的示例代码，通过阅读和运行这些代码，你可以更深入地理解jQuery如何与Ajax配合工作。这些例子可能包括如何使用Ajax获取和更新数据、处理服务器响应、以及如何在不...

    jqueryAjax_无刷新调用另一页实例

    "jqueryAjax_无刷新调用另一页实例"这个标题意味着我们将探讨如何利用jQuery的AJAX功能实现页面的动态加载。 首先，jQuery是一个轻量级的JavaScript库，它简化了HTML文档遍历、事件处理、动画设计以及AJAX交互。...

    基于jQuery的Ajax聊天室程序

    在聊天室中，当用户发送消息时，jQuery的$.ajax()函数会被调用，发送数据到服务器。同时，它也用于接收服务器返回的新消息，更新聊天界面。 3. **PHP**：服务器端通常使用PHP来处理Ajax请求。在这个聊天室中，PHP...

    jQuery-ajax-用户名异步请求

    这个过程可以通过Ajax调用后台接口实现，避免用户频繁提交表单进行检查。 首先，我们需要在HTML中创建一个输入框和一个按钮，用于获取用户名和触发异步请求： ```html 请输入用户名"&gt; 检查用户名 ``` 然后，我们...

    Jquery跨域Ajax请求测试

    本示例"Jquery跨域Ajax请求测试"将详细讲解如何利用jQuery实现这一功能。 首先，了解同源策略是理解跨域问题的关键。同源策略是浏览器为了保障用户安全而设定的一项机制，它规定了只有来自同一协议、同一域名和同一...

    jQuery Ajax调用Web服务代码

    结合以上三个概念，"jQuery Ajax调用Web服务代码"通常是指使用jQuery的Ajax方法来与Web服务进行通信。以下是一个基本示例： ```javascript $.ajax({ url: 'http://example.com/webservice', // Web服务的URL type...

    Ajax里jQuery的ajax与ssh集成

    总的来说，Ajax里jQuery的ajax方法与SSH框架的集成涉及到前端的Ajax调用、后端的Controller处理、数据交互以及安全性考虑。这种集成允许我们在不刷新页面的情况下与服务器进行复杂交互，提高应用的响应速度和用户...

Magicbox
Global site tag (gtag.js) - Google Analytics