热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

使用ajax和jquery准备好状态问题-readystateproblemwithajaxandjquery

ihavethefollowingproblem.ImtryingtoloadasetoftabloadingdinamicallywithjQuery.When

i have the following problem. I'm trying to load a set of tab loading dinamically with jQuery. When I get the new contents (via POST) the tabs() function abort and don't build the tabs. I'm using this functions:

我有以下问题。我正在尝试使用jQuery加载一组tabam dinamically。当我获得新内容(通过POST)时,tabs()函数中止并且不构建选项卡。我正在使用这个功能:

$(document).ready(function() {
    var array_with_alias_id = $.getJSON("/getAliasForMatchAll/", null,
        function (data){
            array = data.aliases_id;
            load(array);
        });
    $("#next_left").click(function(){next_left()});

    //load(array_with_alias_id);
});



function next_left(){
    if(j >= array.length-1){
        var l = j
    } else {
        var l = j+=1;
    }
    $("#alias_id_left").val(list_left[l]);
    $("#merge_alias_id_left").val(list_left[l]);
    $.post("/visor/",{"alias_id":list_left[l],"position":"L"},
            function(data){
                $("#tabsL").html(data).ready(function(){
                    $("#tabsL").tabs();
                });
            });
}

I think that my problem is an ajax problem and i have read this [0], but i can't give with the solution. The function next_left() it works only one time. I think that the document for this function is ready, but when i load the tabs it doesnt work (i think that tab call the method abort, because if i see the html with firebug it change, but not all).

我认为我的问题是一个ajax问题,我已经阅读了这个[0],但我不能给出解决方案。函数next_left()只能运行一次。我认为这个函数的文档已经准备就绪,但是当我加载选项卡时它不起作用(我认为选项卡调用方法中止,因为如果我看到带有firebug的html它会改变,但不是全部)。

Any clue?

任何线索?

[0]http://docs.jquery.com/Tutorials:AJAX_and_Events

[0] http://docs.jquery.com/Tutorials:AJAX_and_Events

2 个解决方案

#1


1  

Try replacing $("#next_left").click(function(){next_left()}); with:

尝试替换$(“#next_left”)。click(function(){next_left()});有:

$("#next_left").live('click', function(){next_left()});

#2


0  

People on IRC helped me. I have now changed the function after the .POST to this:

IRC的人帮助了我。我现在已经将.POST之后的函数更改为:

function next_left(){
    if(j >= array.length-1) {
        var l = j
    } 

    else {
        var l = j+=1;
    }

    $("#alias_id_left").val(list_left[l]);
    $("#merge_alias_id_left").val(list_left[l]);
    $.post("/visor/",{"alias_id":list_left[l],"position":"L"},

    function(data) {
        $("#tabsL").html(data).tabs("destroy").tabs();                
    });
}

They correctly advised me that the ready function applies to the document and does not work how I used it. I hope the fixed code I posted here aids others.

他们正确地告诉我,ready函数适用于文档,并且不能用于我如何使用它。我希望我在这里发布的固定代码可以帮助其他人。


推荐阅读
  • 解决Bootstrap DataTable Ajax请求重复问题
    在最近的一个项目中,我们使用了JQuery DataTable进行数据展示,虽然使用起来非常方便,但在测试过程中发现了一个问题:当查询条件改变时,有时查询结果的数据不正确。通过FireBug调试发现,点击搜索按钮时,会发送两次Ajax请求,一次是原条件的请求,一次是新条件的请求。 ... [详细]
  • 本文探讨了如何利用 jQuery 的 JSONP 技术实现跨域调用外部 Web 服务。通过详细解析 JSONP 的工作原理及其在 jQuery 中的应用,本文提供了实用的代码示例和最佳实践,帮助开发者解决跨域请求中的常见问题。 ... [详细]
  • 本文旨在构建一个JavaScript函数,用于对用户输入的电子邮件地址和密码进行有效性验证。该函数将确保输入符合标准格式,并检查密码强度,以提升用户账户的安全性。通过集成正则表达式和条件判断语句,该方法能够有效防止常见的输入错误,同时提供即时反馈,改善用户体验。 ... [详细]
  • 小程序的授权和登陆
    小程序的授权和登陆 ... [详细]
  • javascript分页类支持页码格式
    前端时间因为项目需要,要对一个产品下所有的附属图片进行分页显示,没考虑ajax一张张请求,所以干脆一次性全部把图片out,然 ... [详细]
  • 在JavaWeb开发中,文件上传是一个常见的需求。无论是通过表单还是其他方式上传文件,都必须使用POST请求。前端部分通常采用HTML表单来实现文件选择和提交功能。后端则利用Apache Commons FileUpload库来处理上传的文件,该库提供了强大的文件解析和存储能力,能够高效地处理各种文件类型。此外,为了提高系统的安全性和稳定性,还需要对上传文件的大小、格式等进行严格的校验和限制。 ... [详细]
  • 技术分享:使用 Flask、AngularJS 和 Jinja2 构建高效前后端交互系统
    技术分享:使用 Flask、AngularJS 和 Jinja2 构建高效前后端交互系统 ... [详细]
  • 基于Net Core 3.0与Web API的前后端分离开发:Vue.js在前端的应用
    本文介绍了如何使用Net Core 3.0和Web API进行前后端分离开发,并重点探讨了Vue.js在前端的应用。后端采用MySQL数据库和EF Core框架进行数据操作,开发环境为Windows 10和Visual Studio 2019,MySQL服务器版本为8.0.16。文章详细描述了API项目的创建过程、启动步骤以及必要的插件安装,为开发者提供了一套完整的开发指南。 ... [详细]
  • Web开发框架概览:Java与JavaScript技术及框架综述
    Web开发涉及服务器端和客户端的协同工作。在服务器端,Java是一种优秀的编程语言,适用于构建各种功能模块,如通过Servlet实现特定服务。客户端则主要依赖HTML进行内容展示,同时借助JavaScript增强交互性和动态效果。此外,现代Web开发还广泛使用各种框架和库,如Spring Boot、React和Vue.js,以提高开发效率和应用性能。 ... [详细]
  • 本文探讨了使用JavaScript在不同页面间传递参数的技术方法。具体而言,从a.html页面跳转至b.html时,如何携带参数并使b.html替代当前页面显示,而非新开窗口。文中详细介绍了实现这一功能的代码及注释,帮助开发者更好地理解和应用该技术。 ... [详细]
  • 本文详细探讨了 jQuery 中 `ajaxSubmit` 方法的使用技巧及其应用场景。首先,介绍了如何正确引入必要的脚本文件,如 `jquery.form.js` 和 `jquery-1.8.0.min.js`。接着,通过具体示例展示了如何利用 `ajaxSubmit` 方法实现表单的异步提交,包括数据的发送、接收和处理。此外,还讨论了该方法在不同场景下的应用,如文件上传、表单验证和动态更新页面内容等,提供了丰富的代码示例和最佳实践建议。 ... [详细]
  • 在使用 jQuery 的 `html()` 方法时,我发现了一个奇怪的现象:该方法无法完整地插入指定的字符串内容。具体来说,当尝试插入较长或包含特殊字符的字符串时,部分内容可能会被截断或丢失。这一问题可能与 jQuery 对字符串的处理方式有关,建议在实际应用中进行充分测试以确保数据完整性。 ... [详细]
  • 本文探讨了如何通过检测浏览器类型来动态加载特定的npm包,从而优化前端性能。具体而言,仅在用户使用Edge浏览器时加载相关包,以提升页面加载速度和整体用户体验。此外,文章还介绍了实现这一目标的技术细节和最佳实践,包括使用User-Agent字符串进行浏览器识别、条件加载策略以及性能监控方法。 ... [详细]
  • 在 Angular Google Maps 中实现图片嵌入信息窗口的功能,可以通过使用 `@agm/core` 库来实现。该库提供了丰富的 API 和组件,使得开发者可以轻松地在地图上的信息窗口中嵌入图片。本文将详细介绍如何配置和使用这些组件,以实现动态加载和显示图片的功能。此外,还将探讨一些常见的问题和解决方案,帮助开发者更好地集成这一功能。 ... [详细]
  • 本篇内容主要讲解“JavaScript在网页设计中的嵌入应用方法是什么”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小 ... [详细]
author-avatar
手机用户2702934194
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有