Tag: jquery load

django jquery-form .load()如果表单错误

我正在使用jquery.load()函数将表单加载到弹出窗口div,到目前为止它运行良好。 我想补充的是,当表单提交错误时,它会将错误标记表单加载回弹出div而不是重定向到它当前正在执行的实际表单页面。 有人建议我使用jquery-form ,我觉得它可以很好地工作。 我只是不知道如何实现它。 这是.load()函数: $(document).ready(function(){ $(“.create”).on(“click”, function(){ $(“#popupContact”).load(“/cookbook/createrecipe #createform”); }); }); 这是加载表单的页面: x {% paginate %} 这是我的表单模板: Create New Recipe {% csrf_token %} {{ form.as_table }} 这是我尝试使用jquery-form: // wait for the DOM to be loaded $(document).ready(function() { var options ={ target: ‘.popup’, }; $(‘#createrecipe’).submit(function() { $(this).ajaxSubmit(options); return false; }); }); createrecipe视图: def createrecipe(request): […]

jQuery脚本只能运行一次

我没有什么问题,脚本只工作一次,之后我需要刷新页面来删除喜欢的文章(脚本是为了那个)。 $(“a.fav_no”).on(‘click’, function () { var id = $(this).attr(“id”); $(this).load(“{$homepage}/user_action.php?action=fav&id=”+ id +””).addClass(“fav_yes”); }); $(“a.fav_yes”).on(‘click’, function () { var id = $(this).attr(“id”); $(this).load(“{$homepage}/user_action.php?action=remove_fav&id=”+ id +””).removeClass(“fav_yes”); }); 在控制台中,我在点击后多次获得文章(div)的id(因此它计数),但它没有做任何事情。 所以我现在可以只是最喜欢的,从我喜欢的我需要刷新的删除然后再次点击链接从collections夹中删除。 谢谢!

如何为此特定示例设置加载Jquery的超时?

如何使用字符串传递数据这个非常特殊的示例,如何设置加载超时? 看起来应该从compare_proc.php api加载的谷歌图表需要很长时间…因为在click事件中,我得到一个空白结果,我期待从compare.php加载图表..我想感谢我如何为这个特定的Jquery操作设置超时。 谢谢 ! jQuery(document).ready(function() { $(“#opposition a”).click(function(e) { var first_id = $(this).attr(‘id’); var second_id = $(“h1”).attr(‘id’); $(“div#test”).load(‘compare_proc.php’,’id=’ + first_id + ‘&id2=’ + second_id); e.preventDefault(); }); });

使用jQuery的’load()’加载带有内部PHP include函数的外部PHP文件

我有一个正在开发的网站,其中包含“新闻”部分和“旧版新闻”部分。 新闻被单独存储在外部PHP文件中,这些文件由服务器通过PHP加载(服务器计算PHP文件的数量并显示最后一个 – 当前新闻 – 在“新闻”部分和“旧”中的所有其他内容新闻“部分: NEWS OLDER OLDER NEWS 0) { include(‘assets/news/news’ . $newscount .’.php’); –$newscount; } ?> “旧版新闻”部分最初是隐藏的,只有jQuery触发器才能显示: // Show old NEWS $(‘a#showoldnews’).click(function () { $(‘#oldnews’).show(400); }); 但我期待长期存在的问题:因为所有新闻都是首先加载的,这意味着随着越来越多的新闻出现,网站的加载速度会变慢。 即使它是“可接受的”,它仍然不是理想的解决方案。 我正在考虑使用jQuery.load()来加载外部PHP文件,然后只有在用户要求时才加载旧的新闻。 问题是我不知道在用户点击链接后使用jQuery.load()是否可以加载以下脚本: 这种方法可以接受吗? 我试过了,但它根本不起作用(我可以使用load()函数加载静态内容,但我无法使服务器处理PHP脚本。我不知道是否可以使用服务器处理PHP代码,因为PHP处理是在网站开始加载之前在服务器端完成的……事实并非如此。 更新#1 我有以下从服务器加载’load.php’文件: $(‘#oldnews’).load(‘load.php’); load.php文件的内容是: OLDER NEWS TOP HIDE 0) { include(‘assets/news/news’ . $newscount .’.php’); –$newscount; } ?> “TOP”和“HIDE”链接出现没有任何问题。 但是,PHP块似乎根本没有被处理…

用jquery.load()发送数据

如何在jquery的.load()函数中向服务器发送一些数据。 我尝试了这种语法: $(‘container’).load(‘path’, {key: value}); 但由于某种原因,它不起作用

部分视图点击事件不会激发

我的* .aspx页面(主页): function getEmployeeHours(employeeId,year,month) { $(‘#clocked-details’).load(‘/Employees/GetEmployeeClockedHours/’,{ ’employeeId’: employeeId,’year’: year,’month’: month }); }; 我的部分视图* .ascx: Save 如上面的代码片段,我需要从主视图中获取部分视图btnSave来触发click事件。 我在主视图中写了下面的代码。 $(‘#btnSave’).off(‘click’).on(‘click’, function () { var yearValue = $(“#year”).val(); var monthValue = $(“#month”).val(); $.ajax({ url: “/Employees/UpdateEmployeeClockedHoursByProvider”, type: ‘POST’, cache: false, data: { employeeId: employeeId, year: yearValue, month: monthValue }, success: function (result) { }, error: function (xhr, ajaxOptions, thrownError) […]

jQuery .load()在Django中不起作用

我正在尝试调用Django中的url并加载它的内容。 现在我有: $(‘.myClass’).load(‘{% url update_dropdown %}’, {‘kind’: “Book” }, function(data){ alert(data); }); 然后update_dropdown引用的视图是: @csrf_exempt def update_dropdown(request): category = request.POST.get(‘kind’, None) all =False; args = { “label”:category, “all”:all } return render_to_response(‘template.html’,(args)) 但是,.load()由于某种原因不起作用。 如果我直接转到URL,它会显示我期望的数据,但.load()将不合作。 我知道这不是显示问题,因为警报不起作用(除非我删除@csrf_exempt,然后它警告错误页面的HTML) 我对发生的事情感到很困惑,而且我一直在调试这个并试图找到错误几个小时,任何帮助将不胜感激。 如果我将返回类型设为JSON对象并使用getJSON(),我可以使它工作,但我不想

单击选项卡上的jQuery加载页面只有一次

我有一个页面上有一些标签,点击某些标签后,其他页面会动态加载。 唯一的问题是每次单击选项卡时都会加载这些页面。 如何在第一次点击时只加载一次? 我使用的代码是这样的: $(document).ready(function(){ $(“.tab-content”).hide(); $(“#one”).show(); $(“a.tab-name”).click(function(){ $(“.tab-name-active”).removeClass(“tab-name-active”); $(this).addClass(“tab-name-active”); $(“.tab-content”).fadeOut(); var content_show=$(this).attr(“title”); if (content_show === ‘three’) { $(“#”+content_show).load(‘new-page.php’, function() { $(“#sorttable”).tablesorter({ headers: {0: {sorter: false}} }); }); } else if (content_show === ‘four’) { $(“#”+content_show).load(‘new-page-2.php’); } $(“#”+content_show).delay(100).fadeIn(‘slow’); return false; }); }); 谢谢!

通过jquery加载TinyMCE错误

当我通过jquery load加载tinymce时,我有这种奇怪的错误, 在我第一次单击下拉列表从列表中选择一个项目(项目符号列表 , 数字列表 , 样式列表 , 段落列表 )后,当我通过jquery load重新加载表单时,我得到了图像中显示的错误。 任何的想法?

通过AJAX加载SPA网页

我正在尝试通过插入URL来使用JavaScript获取整个网页。 但是,该网站构建为单页应用程序(SPA),它使用JavaScript / backbone.js在呈现初始响应后动态加载其大部分内容。 例如,当我路由到以下地址时: https://connect.garmin.com/modern/activity/1915361012 然后将其输入控制台(页面加载后): var $page = $(“html”) console.log(“%c✔: “, “color:green;”, $page.find(“.inline-edit-target.page-title-overflow”).text().trim()); console.log(“%c✔: “, “color:green;”, $page.find(“footer .details”).text().trim()); 然后我将获得动态加载的活动标题以及静态加载的页脚: 但是 ,当我尝试通过带有$.get()或.load()的AJAX调用加载网页时,我只会收到初始响应(与view-source时的内容相同): view-source:https://connect.garmin.com/modern/activity/1915361012 因此,如果我使用以下任一AJAX调用: // jQuery.get() var url = “https://connect.garmin.com/modern/activity/1915361012”; jQuery.get(url,function(data) { var $page = $(“”).html(data) console.log(“%c✖: “, “color:red;”, $page.find(“.page-title”).text().trim()); console.log(“%c✔: “, “color:green;”, $page.find(“footer .details”).text().trim()); }); // jQuery.load() var url = “https://connect.garmin.com/modern/activity/1915361012”; var $page […]