javascript

java

python

c#

android

c++

node.js

php

reactjs

jquery

html

css

ios

.net

git

ruby-on-rails

sql

c

string

ruby

jQuery-getJSON到console.log()以输出json structu

我有以下代码用于获取json数据:

$.getJSON( "assessments", function( assessments ) {
    console.log(assessments);
        });

我可以很好地获取所有数据,但控制台的输出为

[Object, Object, Object, Object, Object, Object, Object, Object, Object]

我想像这样在JSON结构中输出值:

[
{
    "id": 1,
    "person": {
        "personId": "person1",
        "firstName": "Pactric"
    },
    "manager": {
        "managerId": "manager1"
    },
    "state": {
        "stateId": 1,
        "description": null
    },
    "comments": null
}
]

如何用console.log()将此数据完全显示为上述JSON结构?我为此应用程序使用$ .getJSON而不是$ .ajax。

trans by 2020-07-13T11:09:54Z

javascript-this.form.submit();是否有更好的jQuery解决方案?

我想触发当前元素所在表单的Submit事件。我知道一种有时可行的方法是:

this.form.submit();

我想知道是否有更好的解决方案,可能使用jQuery,因为我不是100%肯定该方法在每种浏览器中都有效。

编辑:

我遇到的情况如下:

<form method="get">
    <p><label>Field Label
        <select onchange="this.form.submit();">
            <option value="blah">Blah</option>
            ....
        </select></label>
    </p>
</form>

我希望能够在更改2964543722387687616时提交表格。

我正在寻找的是一种可在任何表单中的任何字段上工作而无需知道表单上的ID或名称的解决方案。 $('form:first')$('form')无法使用,因为该表单可能是页面上的第三个表单。 另外,我已经在网站上使用jQuery,因此使用jQuery并不是什么大问题。

那么,有没有办法让jQuery检索输入/选择/文本区域所在的表单?

trans by 2020-07-13T11:05:07Z

jQuery-记住当点击返回按钮时ajax添加的数据

我有一个搜索页面,其中每个搜索结果都通过AJAX添加到页面中。 这样,我可以让用户搜索Led Zeppelin,然后再次搜索Metallica,但将其添加到与上一次搜索相同的结果列表中。

我的问题是,当用户单击指向记录的链接,然后单击“后退”按钮,回到搜索结果时。
FireFox(7)保持页面离开时的外观,显示完整结果。
另一方面,IE(7,8)和Chrome(15)将显示该页面,就像在不使用AJAX添加任何搜索结果之前一样。

下面是我使用的代码。 我试图添加document.location.hash = "latest search",但似乎没有用。

// Add search result
$("#searchForm").submit(function (event) {
    //location.hash = "test";
    event.preventDefault();

    $.post($(this).attr('action'), $(this).serialize(),
    function (data) {
        $("tbody").append(data);
    });
});  

我不需要后退按钮来跟踪搜索页面上的更改,就像逐步添加每个不同的搜索结果一样。 我只希望浏览器在单击“后退”按钮时记住上一个搜索结果。

解决了
更改为document.location.hash = "latest search"并没有做任何更改。 正如Amir所指出的,我不得不使用localStorage

这涉及到其余的jQuery代码:

// Replace the search result table on load.
if (('localStorage' in window) && window['localStorage'] !== null) {
    if ('myTable' in localStorage && window.location.hash) {
        $("#myTable").html(localStorage.getItem('myTable'));
    }
}

// Save the search result table when leaving the page.
$(window).unload(function () {
    if (('localStorage' in window) && window['localStorage'] !== null) {
        var form = $("#myTable").html();
        localStorage.setItem('myTable', form);
    }
});
trans by 2020-07-13T07:26:57Z

Aptana Eclipse和jQuery代码助手插件

我想在Eclipse中对jQuery使用自动完成功能。 Aptana插件已安装:

Aptana Web Development Tools
Version: 1.5.1.25495-787Y07jbcbrChz-Tq2k383275

还支持jQuery:

Aptana Support for jQuery
Version: 1.3.2.00005

已安装JavaScript / WTP:

JavaScript Developer Tools
Version: 1.1.1.v200906091427-77-FGBCcNBC-BeMcEeOm
Build id: 20090616035105

但是自动完成功能不起作用。 有谁知道问题可能在哪里?

trans by 2020-07-13T04:14:28Z

jQuery-如何扩展Twitter Bootstrap插件

我正在研究Twitter的Bootstrap,现在想尝试为插件添加一些功能,但是我不知道该怎么做。 以模式插件为例([http://twitter.github.com/bootstrap/javascript.html#modals),]我想向插件添加一个新功能,可以将其称为标准 插件方法。 我想我最接近的是以下代码,但是当我尝试访问时,我得到的只是该函数不是对象的一部分。

有什么建议? 这是我尝试过的似乎最接近我需要做的事情:

 $.extend($.fn.modal, { 
    showFooterMessage: function (message) { 
        alert("Hey"); 
    } 
}); 

然后,我想这样称呼它:

  $(this).closest(".modal").modal("showFooterMessage"); 

编辑:好的,我想出了如何做到这一点:

(function ($) {
    var extensionMethods = {
        displayFooterMessage: function ($msg) {
            var args = arguments[0]
            var that = this;

            // do stuff here
        }
    }

    $.extend(true, $.fn.modal.Constructor.prototype, extensionMethods);
})(jQuery);

现有的Bootstrap插件集的问题在于,如果有人想扩展它们,则任何新方法都不能接受参数。 我试图“修复”这是为了在插件函数调用中添加参数的接受性。

$.fn.modal = function (option) {
    var args = arguments[1] || {};
    return this.each(function () {
        var $this = $(this)
        , data = $this.data('modal')
        , options = typeof option == 'object' && option

        if (!data) $this.data('modal', (data = new Modal(this, options)))

        if (typeof option == 'string') data[option](args)
        else data.show()

    }) // end each
} // end $.fn.modal
trans by 2020-07-12T23:52:06Z

autogrow-jQuery Autosize插件错误-中间值(...)不是函数

我使用jQuery Autosize插件:

[HTTP://呜呜呜.Jack l Moore.com/auto size/]

您可以在此处看到脚本本身:

[HTTP://呜呜呜.Jack l Moore.com/就是/jQuery.auto size.就是]

这就是我使用脚本的方式:

jQuery(function($){$(document).ready(function(){
$('textarea').autosize();
}

问题N 1

刚刚将脚本更新为最新版本,它停止工作:

"TypeError: (intermediate value)(...) is not a function"

Javascript控制台在脚本的最后一行报告此错误:

}(window.jQuery || window.$)); 

问题N 2

脚本在模式窗口(PrettyPhoto)中不起作用,并且javascript控制台不显示任何错误。

有任何想法吗?

trans by 2020-07-12T19:09:13Z

如何使用jQuery切换CSS样式表?

我正在做的事情很简单。

您单击按钮(id="themes"),它会打开一个div (id="themedrop"),该按钮向下滑动并列出主题。 (目前我只有两个)

<button id="original">Original</button><br />
<button id="grayscale">Grayscale</button>

现在,在加载网站时,将加载style1.css(主主题/原始主题)

<link rel="stylesheet" type="text/css" href="style1.css">

现在我想找出的是...当单击灰度按钮将样式表从style1.css更改为style2.css时,我该如何拥有它(注意:文件位于同一目录中)

任何帮助将非常感激。

trans by 2020-07-12T17:29:37Z

javascript-使用html5在折线图上实时绘制数据

我想制作一个折线图,每隔几秒钟更新一次,不需要刷新页面(它将从服务器上更新的单独文件中获取信息),它们是任何JavaScript库(不是JQuery) 那将使这变得容易吗? 谁能在网页上显示卑鄙的例子? 从1到10的等级,这有多难?(10很难)

如果重要的话,数据也会以10s的固定间隔更新。 而且,如果可能的话,我想只使用CSS3 HTML5和javascript。

trans by 2020-07-12T16:11:35Z

jQuery-Node.js:Ajax与Socket.IO的优缺点

我考虑过摆脱所有客户端Ajax调用(jQuery),而是使用永久套接字连接(Socket.IO)。

因此,我将在客户端和服务器端使用事件侦听器/发射器。

例如 用户在浏览器中触发单击事件,客户端发射器通过套接字连接将事件推送到服务器。 服务器端侦听器对传入事件做出反应,并将“完成”事件推回客户端。 客户端的侦听器通过淡入DIV元素对传入事件做出反应。

这完全有意义吗?优点缺点?

trans by 2020-07-12T11:08:00Z

Javascript-ASP.NET MVC-将部分视图与另一个obj返回到Ajax

我正在用ASP.NET MVC编写一个单页Ajax应用程序-大量使用jQuery。 在整个应用程序中,我会执行以下操作:

JS:

$.ajax({
    type: "GET",
    url: "/Home/GetSomePartialView/",
    data: someArguments,
    success: function (viewHTML) { 
        $("#someDiv").html(viewHTML); 
    },
    error: function (errorData) { onError(errorData); }
});

控制器C#:

public ActionResult GetSomePartialView(SomeArgumentModel someArguments)
{

    return PartialView("_CaseManager");
}

这很好。 PartialView(在ajax success函数中)作为字符串返回,我可以将其推到页面上没问题。

现在,我想做的不仅是返回PartialView HTML字符串,还返回某种状态指示器。 这是一个权限问题-例如,如果某人试图进入他们没有权限的应用程序的一部分,我想返回一个不同于他们要求的PartialView,并在弹出窗口中显示一条消息告诉他们 为什么他们得到的视图与要求的视图不同。

所以-为此,我想执行以下操作:

控制器C#:

public ActionResult GetSomePartialView(SomeArgumentModel someArguments)
{
    ReturnArgs r = new ReturnArgs();

    bool isAllowed = CheckPermissions(); 

    if (isAllowed) 
    {
        r.Status = 400; //good status ... proceed normally
        r.View = PartialView("_CaseManager");
    }
    else
    {
        r.Status = 300; //not good ... display permissions pop up
        r.View = PartialView("_DefaultView");
    }

    return Json(r);
}

public class ReturnArgs
{
    public ReturnArgs()
    {
    }

    public int Status { get; set; }
    public PartialViewResult View { get; set; }
}

JS:

$.ajax({
    type: "GET",
    url: "/Home/GetSomePartialView/",
    data: someArguments,
    success: function (jsReturnArgs) { 

        if (jsReturnArgs.Status === 300) { //300 is an arbitrary value I just made up right now
            showPopup("You do not have access to that.");
        }

        $("#someDiv").html(jsReturnArgs.View); //the HTML I returned from the controller
    },
    error: function (errorData) { onError(errorData); }
});

该SORTA现在可以正常工作。 我在JavaScript(我希望看到的)中得到了一个不错的对象,但是我看不到如何获得PartialView属性的完整HTML字符串。

我真的只是在寻找与我自己返回PartialView一样的字符串。

(正如我在开头提到的,这是一个单页应用程序-因此我不能仅将它们重定向到另一个View)。

在此先感谢您的帮助!

trans by 2020-07-12T09:43:57Z

jQuery:查找文本和表示

<div id="id1">
 <p>
   apple
 </p>
 <p>
   ball
 </p>
 <p>
   cat
 </p>
 <p>
   dogsss
 </p>
</div>

如何使用jquerydogsss更改为dollsss

trans by 2020-07-12T07:32:38Z

jQuery-如何使用javascrip从Web服务返回的二进制字符串构建PDF文件

我正在尝试从二进制流中构建一个PDF文件,该文件是作为Ajax请求的响应而接收的。

通过data:uri我收到以下数据:

%PDF-1.4....
.....
....hole data representing the file
....
%% EOF

到目前为止,我所做的就是通过data:uri嵌入我的数据。现在,它没有任何问题,并且工作正常。 不幸的是,它在IE9和Firefox中不起作用。 可能的原因可能是FF和IE9在使用data-uri时遇到了问题。

现在,我正在寻找适用于所有浏览器的任何解决方案。 这是我的代码:

// responseText encoding 
pdfText = $.base64.decode($.trim(pdfText));

// Now pdfText contains %PDF-1.4 ...... data...... %%EOF

var winlogicalname = "detailPDF";
var winparams = 'dependent=yes,locationbar=no,scrollbars=yes,menubar=yes,'+
            'resizable,screenX=50,screenY=50,width=850,height=1050';

var htmlText = '<embed width=100% height=100%'
                     + ' type="application/pdf"'
                     + ' src="data:application/pdf,'
                     + escape(pdfText)
                     + '"></embed>'; 

                // Open PDF in new browser window
                var detailWindow = window.open ("", winlogicalname, winparams);
                detailWindow.document.write(htmlText);
                detailWindow.document.close();

就像我说过的,它可以在Opera和Chrome上正常运行(尚未测试Safari)。 使用IE或FF将弹出一个空白的新窗口。

有什么解决方案,例如在文件系统上构建PDF文件为了让用户下载呢? 我需要适用于所有浏览器的解决方案,至少在IE,FF,Opera,Chrome和Safari中都可以。

我无权编辑Web服务实现。 因此,它必须是客户端的解决方案。 有任何想法吗?

trans by 2020-07-12T04:09:27Z

JavaScript-邮递员如何发送请求? 阿贾克斯,同源政策

我发现这个非常有用的Chrome扩展名为postman,这是一个非常有用的扩展,尤其是在您对RESTful应用程序进行编程时。

我感到困惑的是,这个插件/扩展如何能够在不同的域上成功发送POST请求?

我曾尝试使用Postman这样在民意调查中投票。Voting using Postman

提交之后,实际上已经计入了投票,但是当我尝试使用ajax和javascript进行投票时,由于浏览器的源策略不同,投票失败了。

这怎么可能呢?

这是我使用jquery的代码。 我在计算机上使用了本地主机。

init: function() {
    $.ajax({
        url: 'http://domain.com/vote.php',
        type:'POST',
        dataType: 'html',
        data: {
            id: '1'
        },
        success: function(data) {
        if ( data == 'voted' ) {
            $('.set-result').html( 'you already voted. try again after 24 hours' );
        } else {
            $('.set-result').html( 'successfully voted' );
        }
    }
    });
},
trans by 2020-07-11T23:44:16Z

javascript-Twitter Bootstrap Typeahead-ID和实验室

我正在使用Bootstrap 2.1.1和jQuery 1.8.1,并尝试使用Typeahead的功能。

我尝试显示标签并使用像标准的ID process()

这是我的预输入初始化:

$(':input.autocomplete').typeahead({
    source: function (query, process) {
        $('#autocompleteForm .query').val(query);
        return $.get(
            $('#autocompleteForm').attr('action')
          , $('#autocompleteForm').serialize()
          , function (data) {
              return process(data);
          }
        );
    }
});

这是我要发送的JSON

[{"id":1,"label":"machin"},{"id":2,"label":"truc"}]

如何告诉process()显示标签并将所选ID存储在另一个隐藏字段中?

trans by 2020-07-11T21:51:29Z

jQuery-如何使用JavaScript检测鼠标右键+粘贴?

有没有一种方法可以检测到右键单击,然后在IE和Firefox上粘贴JavaScript的方法?

更新:

我决定使用Jquery来做到这一点:

$('#controlId').bind('paste', null, function() {
    // code
});

这并不是我所需要的(因为它在'ctrl + v'以及'右键单击+粘贴'中被触发,但是我可以解决它。

在Chrome,Firefox 3,IE 7和IE 6上对其进行了测试,并且可以正常工作

trans by 2020-07-11T21:45:46Z

promise-jQuery $ .Deferred(jQuery 1.x / 2.x)固有的问题

@Domenic上有一篇非常详尽的文章,介绍了jQuery延迟对象的缺点:您缺少承诺点。 在其中Domenic重点介绍了jQuery Promise与其他Q相比的一些失败,包括Q,when.js,RSVP.js和ES6 Promise。

从Domenic的文章中我走出来,感觉到jQuery承诺从概念上来说是固有的失败。 我正在尝试举例说明这个概念。

我认为jQuery实现有两个问题:

1. a方法不可链接

换一种说法

promise.then(a).then(b)

.done完成时,jQuery将呼叫a,然后呼叫a

由于a在其他诺言库中返回了新的诺言,因此它们的等效项为:

promise.then(a)
promise.then(b)

2.异常处理在jQuery中冒泡。

另一个问题似乎是异常处理,即:

try {
  promise.then(a)
} catch (e) {
}

Q中的等效项为:

try {
  promise.then(a).done()
} catch (e) {
   // .done() re-throws any exceptions from a
}

在jQuery中,当a未能到达catch块时,异常引发并冒泡。 在其他承诺中,a中的任何异常都将传递到.done.catch或其他异步捕获。 如果没有一个Promise API调用捕获到该异常,则该异常消失(因此,例如使用.done释放所有未处理的异常的Q最佳实践)。

 

上面的问题是否涵盖了对promises的jQuery实现的关注,还是我误解或错过了问题?


编辑此问题与jQuery <3.0有关; 从jQuery 3.0 alpha开始,jQuery符合Promises / A +。

trans by 2020-07-11T19:24:31Z

字符串不是窗口位置h上的函数

这个问题已经在这里有了答案:

  • 如何重定向到另一个网页? 58个答案

考虑:

$('.b').click(function(){
    var link = 'www.yahoo.com';
    window.location.href(link);
});

我希望它打开www.yahoo.com,但它说“字符串不是函数”。 为什么?

jsFiddle:[http://jsfiddle.net/V9Xat/]

trans by 2020-07-11T14:13:02Z

javascript-jQuery:$ .get不是函数

我在jQuery中做一些非常基本的事情时遇到了问题。 有人可以告诉我我到底在做错什么吗?

如果我运行下面的代码,则$ .get函数似乎丢失了(getJSON和其他函数也丢失了)。 但是$本身和其他功能确实存在,所以我知道JQuery正在加载。

google.load("jquery", "1.3.2");

function _validate(form, rules_file) {
   $.get('/validation_rules.json',function(data) {
     alert("hello")
   })
} 

任何想法将不胜感激。

谢谢,抢

编辑:这是一些其他信息:

  <script src="http://www.google.com/jsapi"></script>
  <script>
    google.load("prototype", "1.6");
    google.load("scriptaculous", "1.8");
    google.load("jquery", "1.3.2");
  </script>
  <script>
    jQuery.noConflict(); // prevent conflicts with prototype
  </script>
  <script src="/livepipe/src/livepipe.js"
          type="text/javascript"></script>
  <script src="/livepipe/src/window.js"
          type="text/javascript"></script>
  <script src="/livepipe/src/tabs.js"
          type="text/javascript"></script>
  <script src="/jquery.maskedinput-1.2.2.js"
         type="text/javascript"></script>
trans by 2020-07-11T13:18:36Z

javascript-表单propType失败:您没有使用onChange手就向表单字段提供了“值”道具

加载我的React应用程序时,我在控制台中收到此错误。

警告:表单propType失败:您向表单提供了value prop 没有onChange处理程序的字段。 这将呈现一个只读 领域。 如果该字段是可变的,请使用defaultValue。否则, 设置onChangereadOnly。检查的渲染方法 AppFrame

我的AppFrame组件如下:

class AppFrame extends Component {
    render() {
        return (
            <div>
                <header className="navbar navbar-fixed-top navbar-shadow">
                    <div className="navbar-branding">
                        <a className="navbar-brand" href="dashboard">
                            <b>Shire</b>Soldiers
                        </a>
                    </div>
                    <form className="navbar-form navbar-left navbar-search alt" role="search">
                        <div className="form-group">
                            <input type="text" className="form-control" placeholder="Search..."
                                   value="Search..."/>
                        </div>
                    </form>
                    <ul className="nav navbar-nav navbar-right">
                        <li className="dropdown menu-merge">
                            <span className="caret caret-tp hidden-xs"></span>
                        </li>
                    </ul>
                </header>

                <aside id="sidebar_left" className="nano nano-light affix">

                    <div className="sidebar-left-content nano-content">

                        <ul className="nav sidebar-menu">
                            <li className="sidebar-label pt20">Menu</li>
                            <li className="sidebar-label">
                                <IndexLink to="/" activeClassName="active">Dashboard</IndexLink>
                            </li>
                            <li className="sidebar-label">
                                <Link to="/fixtures" activeClassName="active">Fixtures</Link>
                            </li>
                            <li className="sidebar-label">
                                <Link to="/players" activeClassName="active">Players</Link>
                            </li>
                        </ul>

                    </div>

                </aside>
                <section id="content_wrapper">
                    <section id="content" className="table-layout animated fadeIn">
                        {this.props.children}
                    </section>
                </section>
            </div>

        )
    }
}

export default AppFrame;

我正在努力找出我实际上在这里做错了什么。 该应用程序启动并运行,但是我正在尝试删除所有控制台警告/错误。

trans by 2020-07-11T07:37:43Z

jQuery-如何在使用Bootstrap Datepicker时获取选定的日期值?

使用jquery和Bootstrap Datepicker,如何获取使用Bootstrap Datepicker选择的新日期值?仅供参考,我正在使用Rails 3和Coffescript。

我使用以下命令设置了日期选择器:

<input id="startdate" class="span2 datepicker" type="text" value="" name="startdate" default="2013-05-21" data-date="2013-05-21" data-behavior="datepicker">
<%= submit_tag 'Get Data using date', :id => 'get_data' %>

$(".datepicker").datepicker
      endDate: new Date
      format: "yyyy-mm-dd"
      autoclose: true
      minViewMode: 1
      todayBtn: "linked"

当用户单击旁边的“使用日期获取数据”按钮时,我将使用jQuery获取由日期选择器设置的新日期值,阻止表单提交并使用该日期值运行ajax请求。 除了获得正确的新日期值之外,所有ajax都运行良好。 我尝试了以下两种方法,但都没有给我新的日期,它只返回我最初设置的默认值。

sd1 = $('#startdate').attr('value')
console.log sd1

sd2 = $('#startdate').attr('data-date'))
console.log sd2

我现在真的很愚蠢,但是我找不到如何获取引导日期选择器设置的新日期值。

trans by 2020-07-11T01:01:18Z

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 下一页 共143页