Tag: ajax

Rails最好的方法是在ajax和文档准备好后在Javascript中初始化函数

问题是我调用了一些函数来初始化页面上的一些元素。 但是在ajax成功之后,我必须在多个地方一次又一次地重新调用这些函数。 我想知道旁边使用以下组合 $(document).ready(function(){ function A }); $(document).ajaxComplete(function(){ function A }); 我读到我可以用setTimeout做一些事情并启动线程以延迟来自链接的函数调用http://googlecode.blogspot.com/2009/07/gmail-for-mobile-html5-series-using .html但我很难消化它。 如果有人可以为我分解它。 更新: 我的意思是当我在多个ajax内部更新html时,我必须调用函数A来重新初始化,上面的代码是我的想法,但我认为应该有更好的方法 例 $(document).on(‘click’, ‘a’, function() { $.ajax({ type: ‘GET’, url: ‘some url’, data: data, success: function(data) { $(‘#some-sector’).html(data); function A; <——- to init } }); }); $(document).on('click', 'b', function() { $.ajax({ type: 'GET', url: 'another url', data: data, success: function(data) […]

Lightbox不适用于AJAX加载部件

我有一个页面有5张图片和一个按钮,使用AJAX加载更多。 我正在使用此脚本加载其余图片: $(document).ready(function(){ $(“#loadmorebutton”).click(function (){ $(‘#loadmorebutton’).html(‘<img src="/img/ajax-loader.gif” />’); $.ajax({ url: “/includes/loadmore.php?lastid=” + $(“.postitem:last”).attr(“id”), success: function(html){ if(html){ $(“#wallPosts”).append(html); $(‘#loadmorebutton’).html(‘Load More’); }else{ $(‘#loadmorebutton’).replaceWith(‘No more posts to show.’); } } }); }); }); 首先,显示5张图片,当用户点击旧post时,会加载更多5张图片。 现在我的问题是,尽管所有图片都具有相同的代码/类/结构,但灯箱仅适用于前5张图片,而不适用于AJAX加载的图片。 有人可以帮我解决这个问题吗?

如何手动关闭fancybox中的Ajax页面显示?

我正在花式框中显示ajax反馈表,我需要在反馈发送后关闭花式框(时间延迟为20秒)。 我喜欢的电话是…… $(“#feedback”).fancybox({ ‘speedIn’ : 600, ‘speedOut’ : 200, ‘centerOnScroll’: false, ‘autoDimensions’: true, ‘type’ : ‘ajax’ });

Jquery,ajax不会提醒某些消息

所以我正在做一个购物车网站,在后端使用CodeIgniter这是捕获,我循环产品列表,在表单标签内有“添加到购物车”按钮。 所以说,我有5个产品要展示,将有5个表格标签: <form id='cart' method='post' action='cart/add’> <input type='hidden' id='vid' name='vid' value='’/> <a href="#” name=’modal’> <img src="https://stackoverflow.com/questions/21797941/jquery-ajax-wont-alert-some-message/assets/images/” alt=”” border=”0″ height=’150′ width=’100′ /> session->userdata(‘nric’)===FALSE ) { echo “Please Login to Rent/Purchase”; } else { ?> <input type='image' id='btn-add' src="https://stackoverflow.com/questions/21797941/jquery-ajax-wont-alert-some-message/assets/images/rent_btn.png” alt=”Rent” border=”0″ /> 我的javascript / jquery脚本: $(document).ready(function() { $(“#btn-add”).click(function() { var action = $(“#cart”).attr(‘action’); var form_data = { […]

$ ajax命令和Json响应

在我的django应用程序中,我尝试使用ajax来检查用户名是否已经存在,如果是这种情况则显示错误。 这就是我所拥有的 HTML: {% csrf_token %} Valider JS: $(‘#my_form’).submit(function(){ var username = $(‘#username’).val(); if (username == ”){ alert(‘please enter username’); return false; } $.ajax({ type: “POST”, url: “/auth_validate”, data: {‘username’: $(‘#username’).val(), ‘csrfmiddlewaretoken’: ‘{{csrf_token}}’}, dataType: “text”, success: function(response) { var response = $.parseJSON(response); if (response.success){ return true; } else{ alert(response.error); return false; } }, error: function(rs, […]

使用Ajax将JSON发送到ASP.NET Web方法

这是我第一次尝试使用Ajax将数据发送到服务器。 我从这里”Message”:”Invalid web service call, missing value for parameter: \u0027Products\u0027.”很多答案,但我不会停止收到错误: “Message”:”Invalid web service call, missing value for parameter: \u0027Products\u0027.” 我跟着这个 ,但仍然是一样的。 有人可以告诉我哪里出错了。 var products = [ { ProductId : 1, ProductName : “Mercedes”, Category : “Cars”, Price : 25000 }, { ProductId : 2, ProductName : “Otobi”, Category : “Furniture”, Price : 20000 } ]; […]

jQuery $ .ajax作为本地HTML文件运行,避免SOP(相同的原始策略)

我创建了一个包含以下内容的HTML文件foo.html : $.ajax({url:”http://foo.com/mdata”, error: function (results) { alert(“fail”); }, success: function (result) { alert(“sucesses”); } }); 当我在Web浏览器中加载此HTML文件时,它始终显示一个失败的对话框。 知道为什么会这样吗? 另外,调试此方法的最佳方法是什么? PS: 假设http://foo.com/mdata是有效的Web服务路径。 编辑#1 解 使用$ .getJson http://jsfiddle.net/dpant/EK3W8/,类似的代码与我完美配合 我也将内容保存为.html文件,并且从file://请求到Web服务似乎也有效。 img{ height: 100px; float: left; } $.getJSON(“http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?”, { tags: “mount rainier”, tagmode: “any”, format: “json” }, function(data) { $.each(data.items, function(i,item){ $(“”).attr(“src”, item.media.m).appendTo(“#images”); if ( i == 3 ) […]

jQuery DataTables重载间隔错误

我想让我的桌子按时间间隔加载。 我现在收到以下错误: TypeError: g is null 用户将输入表单参数,然后单击具有单击事件的提交按钮。 如下: $(‘.searchSubmit’).on(‘click’, function() { var data = { searchCriteria: { bill: $(‘#import_bill’).val(), ramp: $(‘#import_ramp’).val(), // few other parameters } }; $.ajax({ url: ‘api/railmbs.php’, type: ‘POST’, data: data, dataType: ‘html’, success: function(data, textStatus, jqXHR) { var jsonObject = $.parseJSON(data); var table = $(‘#example1’).DataTable({ “data”: jsonObject, “columns”: [ { “data”: […]

如何使用javascript在MVC项目中加载视图,然后在其中加载局部视图?

无论我做什么,我都会接受相反的命令。 我只想在ajax完成某个操作之后刷新整个页面然后只是加载某个局部视图,这是我的尝试: $.ajax({ type: “POST”, contentType: “application/json; charset=utf-8”, url: ‘@Url.Action(“DeleteSensor”, “PredefinedViews”)’, data: JSON.stringify({ pviID: PredefineViewsItemID, pID: PredefineViewID }), dataType: “json”, complete: function (result) { location.reload(true); }, success: function (result) {; var urlShowSensors = “@Url.Action(“ShowSensorNames”, “PredefinedViews”, new { predefinedViewID = “PredefID” })”; urlShowSensors = urlShowSensors.replace(“PredefID”, PredefineViewID); $(divSensorNames).load(urlShowSensors); 在调试中我看到它成功加载了局部视图, 但最后它完成了location.reload(true); 最后 ,这反过来让我看到一个没有开放局部视图的开放视图。 有没有办法让我先做它location.reload(true); 然后加载我的局部视图? UPDATE! 看来我从未在我的脚本标签中放置文件。这是我的整个脚本: $(function […]

php如何在列表视图中使用选择框搜索数据(表)

我有一个查询来从表(数据库)中选择要在列表视图(表)中显示的数据,而不是我希望通过选择框在列表视图(表)中使用没有按钮提交的代码搜索数据。 这是我在选择框中的代码 Select one two three 这是我的文件 function selectrun(sel){ var id= sel.value; $.ajax({ type:”POST”, url:”./tab.php”, data:{id:id,task:’search’}, success: function(response){ //(I don’t know what i should write for pass to php code) //what I return in response is a query because I want it’s execute at my main page,that why I want pass it to $querr_select in […]