Tag: ajax

为什么AJAX响应不是可排序的

我使用sorttable.js进行表排序,我的表每3秒更新一次ajax响应,但响应不按照我预期的方式排序。 索引页面 PersonMonthly pay Jan Molby£12,000 Steve Nicol£8,500 Steve McMahon£9,200 John Barnes£15,300 TOTAL£45,000 Append new table data ajax响应是: PersonMonthly pay prabha Molby£12,000 abcd Nicol£8,500 steev McMahon£9,200 John Barnes£15,300 TOTAL£55,000 JavaScript的 $(function() { $(“#ajax-append”).click(function() { setInterval(function() { var request = $.get(“assets/replacecontent.jsp”, function(html) { alert(html); $(‘#resDiv’).html(html); var newTableObject = document.getElementById(“myTable”); alert(newTableObject); sorttable.makeSortable(newTableObject); // alert($(“#myTable”).length); }); }, 3000); […]

跨域AJAX请求返回HTML(不是jsonp)

我正在使用这个插件: https : //github.com/padolsey/jquery.fn/tree/master/cross-domain-ajax/ 这是我的代码: $.ajax({ dataType: ‘html’, type: ‘GET’, url: ‘http://www.google.com’, crossDomain: true }).done(function(data) { $(“#box”).html(”).append(data); }); 根据我的理解,即使我有dataType: ‘html’我也很确定这仍然让我在JSONP中得到回应。 我希望能够获取页面的整个html,我需要完整显示页面所需的一切。 可与iframe相媲美。 我需要通过ajax执行此操作的原因是因为最终我需要将参数传递给我正在使用的URL。 以完整HTML格式返回页面内容的最佳方法是什么,以便我可以显示页面? 我是否还需要做任何事情来返回页面脚本/样式表? 基本上,我需要返回我调用的URL,以便我可以将返回值附加到div id,然后div id应该看起来与我调用的页面完全一样,就好像我是在一个独立的页面中加载浏览器窗口。 谢谢!

成功后提交show welcome-modal

我有表格 @using (Html.BeginForm(“Register”, “Account”, FormMethod.Post, new {id = “registrationForm”})) {…} 我把一些数据(电子邮件,密码等)放在哪里 我也有这种forms的方法: [HttpPost] [AllowAnonymous] [ValidateAntiForgeryToken] public ActionResult Register(RegisterViewModel model) {… return RedirectToAction(“Index”);} 在那种方法中,我管理模型(尝试创建新用户),如果一切都成功。 重定向到行动“索引”。 问题 :我需要在创建新用户之后但在重定向之前显示带有一些文本“Welcome …”的bootstrap模式。 我该怎么做? 我尝试为该表单调用ajax submit(仅用于显示该模式的成功操作,但没有成功)

在asp.net mvc中使用jquery ajax提交post后更新部分视图

我在我的应用程序中处理一个表单,我想使用ajax发布。 发布工作正常,我的控制器收到数据,但我想将成功消息发回我的视图,而不是刷新整个页面。 我是否必须返回包含此信息的部分视图,或者我可以从控制器返回消息? 我似乎无法弄清楚如何正确地做到这一点。 @Html.LabelFor(m => m.Id, new { @class = “col-md-3 control-label”}) @Html.TextBoxFor(m => m.Id, new { @class = “form-control”, disabled = “disabled”, id = “WellId”, name = “WellId” }) @Html.LabelFor(m => m.Name, new { @class = “col-md-3 control-label” }) @Html.TextBoxFor(m => m.Name, new { @class = “form-control” }) @Html.LabelFor(m => m.Location, new { […]

当ajax内容时,HTML无法在bootstrap popover上工作

我正在使用bootstrap 3.3并试图在popover上显示ajax内容。 这是我的jquery代码 $(‘.action_col span’).popover({ html: true, trigger: ‘manual’, placement: ‘left’, content: function () { var div_id = ‘tmp-id-‘ + $.now(); var tour_id = $.trim($(this).data(‘tour_id’)); $.ajax({ type: ‘post’, url: site_url + ‘controller/tour_details’, dataType: ‘html’, data: { t: tour_id } }).done(function (response) { $(‘#’ + div_id).html(response); }); return ‘Loading…’; } }); tour_details方法 echo ‘working’; 这工作正常但是当我发送任何HTML时它不再起作用。 喜欢 […]

带有hasClasses的Jquery classList

我试图为每个li元素添加一个.active类,但只有当#books与#post具有相同的类/类时。 但是classList函数似乎不适用于hasClasses函数。 var classList =$(‘#post’).attr(‘class’).split(/\s+/); $.each( classList, function(index, item){ }); $.fn.extend({ hasClasses: function( selector ) { var classNamesRegex = new RegExp(“( ” + selector.replace(/ +/g,””).replace(/,/g, ” | “) + ” )”), rclass = /[\n\t\r]/g, i = 0, l = this.length; for ( ; i < l; i++ ) { if ( this[i].nodeType === 1 && […]

使用iron-ajax进行递归调用?

我怀疑我离开这里,但基本上我正在尝试检索门票列表,然后检查每张门票的详细信息。 我有第一部分工作,但当我试图添加“递归”部分时,它只是失败了。 这是列出ID的工作代码: <iron-ajax auto url="https://.freshdesk.com/api/v2/tickets” headers='{ “user”: “”, “pass”: “X”, “sendImmediately”: “true” }’ handle-as=”json” method=”GET” last-response=”{{ticketList}}” with-credentials> {{item.id}} 我尝试了一些东西,包括一个新的iron-ajax和template中的模板与不同的URL( “/tickets/” + {{item.id}} ),但我认为这甚至不接近正确的方法。 我在DOM中获得的是一个具有#document-fragment的模板元素 那么如何获取/ tickets / 20,/ tickets / 21等的详细信息?

将字符串响应(使用HTMLTags)绑定到iframe

我对rest端点进行了ajax调用,它返回HTML标记作为字符串响应。 现在我需要将它绑定到iframe。 这里的数据有html标签之类的 var data=”iFramhi” 我尝试过document.getElementById(‘iframeid’).src=data 我也试过了 $(‘#iframeid’).contents().find(“html”).append(data); 谢谢

带有原型的第N个子选择器

我正在尝试使用Prototype中的“nth-child(n)”,就像我使用jQuery一样。 代码示例如下…… function myFunction() { $$(‘div.amfinder-horizontal td:nth-child(1) select’).simulate(‘click’); $$(‘div.amfinder-horizontal td:nth-child(1) select’).simulate(‘change’); } Event.observe(window,”load”,myFunction); 不幸的是,这似乎没有选择元素(因为点击和更改不起作用)。 当我把select的类放在那里时,它确实有用……但是我不能使用这个类,需要通过nth-child来完成它。 我相信:第一个和最后一个工作,但我总共有6个我需要这样做…即使这样,它也不会总是全部6个。 如果有人可以提供一个nth-child的例子以及它如何与Prototype一起工作,那就太好了! Year Year 2013 2012 2011 2010 2009 2008 2007 2006 2005 2004 2003 2002 2001 2000 1999 1998 1997 1996 1995 1994 1993 1992 1991 1990 1989 1988 1987 1986 1985 Year   Make Make Make Make Make […]

为什么这个jQuery插件(Tooltipster)的Ajax内容仅在鼠标hover2次后显示?

我无法找到此插件的解决方案,因为我无法通过Ajax找到任何有关外部内容的工作演示或文档。 基本上我有一个简单的div用鼠标hoverJSfunction: Hover Me 这是我的JSfunction: function myFunct(element, id){ $(element).tooltipster({ contentCloning: true, interactive:true, maxWidth:250, contentAsHTML:true, content: ‘Loading…’, // ‘instance’ is basically the tooltip. More details in the “Object-oriented Tooltipster” section. functionBefore: function(instance, helper) { var $origin = $(helper.origin); // we set a variable so the data is only loaded once via Ajax, not every time the […]