小编Rya*_*P13的帖子

jQuery .load方法导致页面刷新AJAX

我有一个功能JSP页面,它接受URL参数并使用基于这些参数的信息更新页面上的表.

我有一组不同的选项卡,它们将所述URL paraneters传递给它们所在的页面,然后重新加载并显示这些新数据.

我一直在尝试使用jQuery .load和.ajax方法,这样我就可以将这些URL参数传递给服务器上的页面,然后只通过AJAX提供表,而不是整页刷新.

我遇到的问题是,有时页面会刷新,我无法理解为什么会发生这种情况.

这是jQuery:

$('ul#coverTabs > li').live('click', function() {       

    // Removes default class applied in HTML and onClick adds 'currentTab' class
    $(".currentTab").removeClass("currentTab");
    $(this).addClass("currentTab"); 

    // Find href of current tab
    var $tabValue = $('ul#coverTabs > li.currentTab > a').attr('href');

    // Load new table based on href URL variables   
    $('#benefit').load($tabValue + ' #' + 'benefit');

    /*$.ajax({ 
      cache: false,
      dataType: "html",
      url: $tabValue, 
      success: function(data) { 
         //var $tableWrap = $('#benefit'); 

         //$('.benefitWrap').append($('.benefitWrap'));

         //alert($tableWrap);
      },
    });*/


    return false;       

});
Run Code Online (Sandbox Code Playgroud)

以下是标签的HTML:

<ul id="coverTabs">
    <li …
Run Code Online (Sandbox Code Playgroud)

html ajax jquery

3
推荐指数
1
解决办法
4664
查看次数

在Javascript中拆分字符串

我试图从以下href中提取文章ID:

/MarketUpdate/Pricing/9352730
Run Code Online (Sandbox Code Playgroud)

我只想在字符串的末尾提取ID并使用以下代码:

    var $newsLink = $(this).attr('href');

    var $newsString = $newsLink.substr($newsLink.lastIndexOf('/'));
Run Code Online (Sandbox Code Playgroud)

然而,这会返回我不想要的最终'/'.

javascript string

3
推荐指数
1
解决办法
168
查看次数

在javascript中的二维对象数组中查找值的索引

我有一个二维对象数组,如下所示:

[[{id: 123}, {id: 456}, {id: 789}], [{id: 111}, {id: 222}, {id: 333}], [{id: 444}, {id: 555}, {id: 666}], [{id: 777}]]
Run Code Online (Sandbox Code Playgroud)

我需要在顶级数组级别找到 id 的索引。

因此,如果我要搜索值为 '222' 的 id 属性,我希望返回索引为 1。

我尝试了以下方法:

var arr = [[{id: 123}, {id: 456}, {id: 789}], [{id: 111}, {id: 222}, {id: 333}], [{id: 444}, {id: 555}, {id: 666}], [{id: 777}]],
    len = arr.length
    ID = 789;

for (var i = 0; i < len; i++){
    for (var j = 0; j < arr[i].length; j++){
        for (var …
Run Code Online (Sandbox Code Playgroud)

javascript arrays for-loop multidimensional-array

3
推荐指数
1
解决办法
1万
查看次数

ExtJS 4 ComboBox multiSelect显示所选值的数量

我正在写一个POC,我的客户希望在多选组合框下面显示所选值的数量.

我可以从select事件侦听器获取值的数量,但是想要将功能封装在组件本身中,而不是让我执行DOM更新的DIV.

多选组合框的代码如下:

Ext.onReady(function () {
    // The data store containing the list of states
    var states = Ext.create('Ext.data.Store', {
        fields: ['abbr', 'name'],
        data: [{
            name: 'ALABAMA',
            abbreviation: 'AL'
        }, {
            name: 'ALASKA',
            abbreviation: 'AK'
        }, {
            name: 'AMERICAN SAMOA',
            abbreviation: 'AS'
        }, {
            name: 'ARIZONA',
            abbreviation: 'AZ'
        }, {
            name: 'ARKANSAS',
            abbreviation: 'AR'
        }, {
            name: 'CALIFORNIA',
            abbreviation: 'CA'
        }, {
            name: 'COLORADO',
            abbreviation: 'CO'
        }, {
            name: 'CONNECTICUT',
            abbreviation: 'CT'
        }, {
            name: 'DELAWARE',
            abbreviation: 'DE' …
Run Code Online (Sandbox Code Playgroud)

forms combobox extjs view extjs4

3
推荐指数
1
解决办法
6512
查看次数

AngularJS - 显示/隐藏来自rootscope的元素

我正在通过添加事件监听器来监听丢失网络连接的应用程序.

当应用程序离线时,我需要显示一条消息.

以下代码似乎对我不起作用.

我在应用程序运行方法中添加了事件监听器,以便全局可用:

document.addEventListener("offline", function() {
    $rootScope.offline = true;
}, false);
Run Code Online (Sandbox Code Playgroud)

然后在我的index.html中显示隐藏基于$ rootScope变量的消息:

<div id="network-msg" ng-show="$root.offline">
    <div class="full-overlay" ng-show="$root.offline">
        <p class="txt-center">No internet connection</p>
        <p class="txt-center">Trying to re-connect</p>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

当我离线时,我可以看到varibale正在更新,但消息没有显示.所以,如果我输出:

{{$root.offline}}
Run Code Online (Sandbox Code Playgroud)

在页面上我可以看到它正确地从false切换到true但仍然没有显示消息.

javascript jquery show show-hide angularjs

3
推荐指数
1
解决办法
6496
查看次数

将模拟DOM事件传递给Angular中的组件方法以进行单元测试

我试图在我的一个组件中测试一个方法如下:

toggle(event: Event): void {
    event.stopPropagation();
    this.isCollapsed = !this.isCollapsed;
}
Run Code Online (Sandbox Code Playgroud)

我找不到将事件对象传递给单元测试用例中的方法的方法,例如:

test('it should call stop propagation when toggled', () => {
    testHostComponent.toggleLineBreakDown(mockEventGoesHere, 0);
});
Run Code Online (Sandbox Code Playgroud)

unit-testing jasmine angular

3
推荐指数
1
解决办法
3282
查看次数

NextJS 在生产中重写

我发现重写代理到开发中的后端服务器:

https://nextjs.org/docs/api-reference/next.config.js/rewrites

rewrites: async () => [
...nextI18NextRewrites(localeSubpaths),
{ source: '/api/:path*', destination: 'http://localhost:8080/:path*' },
],
Run Code Online (Sandbox Code Playgroud)

如果 url 不是 localhost,这在生产中如何工作?

对于目的地,我是否需要添加完整的域,或者我是否需要单独的开发/生产重写规则?

javascript proxy url-rewriting next.js

3
推荐指数
1
解决办法
1万
查看次数

用于ASP.Net MVC2的jQuery Grid

我需要选择一个与MVC2兼容的jQuery数据网格插件.

我坚定地坐在客户端,所以对MVC2一无所知,所以想知道在MVC2中是否有任何特别好或坏的经历,并且具体如下:

数据表

Flexigrid

jqGrid的

需要以下功能:

  • 商业免费使用
  • 列排序
  • 自定义列排序类型(选中/取消选中排序复选框,价格范围)
  • 行/列突出显示
  • 分页
  • 可过滤的网格内容通过自由文本输入(可自动完成)和复选框
  • 多列排序很不错但不是必需的

从我所看到的jqGrid看起来很棒但是付出了解决方案并且可能对于要求有些过分.

Flexigrid似乎在核心开发方面有点死.

我真的很喜欢Datatables,但我很难看到它与MVC2的兼容性.有没有人有使用MVC2实现这个插件的经验?或者更好的推荐?

诚然,这不是一个确定答案的问题,但任何建议都得到了很好的接受.

jquery datagrid datatables jqgrid asp.net-mvc-2

2
推荐指数
1
解决办法
1176
查看次数

OOJS在功能JavaScript编程方面的表现

这个问题与前一个问题有关:

减少对JavaScript对象方法的调用次数

使用Firebug分析这两个代码片段时:

function ie6PNGFixLoader(scriptURL) {
    if(arguments.length > 0) {
        for (var i = 0; i < arguments.length; i++) {
            $.ajax({// load PNG fix scripts
                url: arguments[i],
                cache: true,
                dataType: 'script'
            });
        }
    } else {
        return false;
    }               
}

var pngFix = "/Global/ICIS/Scripts/DD_belatedPNG_0.0.8a-min.js";    
var pngList = "/Global/ICIS/Scripts/DD_PNG_listing.js"; 
ie6PNGFixLoader(pngFix, pngList);
Run Code Online (Sandbox Code Playgroud)

function InjectScriptsAndExecute(url) {
    this.url = url;
}

InjectScriptsAndExecute.prototype.InjectMethod = function() {
    var inject = $.ajax({
                        url: this.url,
                        cache: true,
                        dataType: 'script',
                        async: false, // Otherwise you cannot depend on …
Run Code Online (Sandbox Code Playgroud)

javascript oop performance functional-programming object

2
推荐指数
1
解决办法
2133
查看次数

JSHint在揭示模块模式时抛出"未定义"警告

在JSHint中运行此代码时,我收到了几个"未定义"错误:

MERLIN.namespace('MERLIN.http');

MERLIN.http = function ($, window) {
    'use strict';
    // import dependencies

    function request(config) {
        if (!config || typeof config !== 'object') {
            return;
        }
        // perform request
        $.ajax({
            type: config.type || 'GET',
            url: config.url,
            dataType: config.dataType,
            data: config.data || {},
            processData: config.process || false,
            beforeSend: function () {
                indicator(config.panel, config.indicator);
            },
            complete: function () {
                indicator(config.panel, config.indicator);
            },
            success: function (resp) {
                var callback = config.success || null;
                if (typeof callback !== 'function') {
                    callback = false;
                } …
Run Code Online (Sandbox Code Playgroud)

javascript validation jquery jslint jshint

2
推荐指数
1
解决办法
1604
查看次数