Tag: ajax

在Jquery进度条中显示百分比: 我的页面中有一个动态更新的进度条，我想在中间区分百分比，但我无法弄清楚如何。这是我页面上的进度条：这是我更新进度条的jQuery代码： $.ajax({ xhr: function () { var xhr = new window.XMLHttpRequest(); xhr.upload.addEventListener(“progress”, function (evt) { if (evt.lengthComputable) { var pct = evt.loaded / evt.total; $(“#prog”).css({ width: pct * 100 + ‘%’ }); $(‘#progress-value’).html(pct * 100); } }, false); xhr.addEventListener(“progress”, function (evt) { if (evt.lengthComputable) { var pct = evt.loaded / evt.total; $(“#prog”).css({ width: […]

单击按钮时更新div，单击另一个按钮生成按钮时: 单击按钮magic1或magic2 ，div mybox将更新为文本，按钮ID和按钮（ magic1和magic2不同）。单击新生成的按钮后，它应显示box div中新生成按钮的按钮ID。当我单击新生成的按钮时， box div不会更新。这是代码。 jquerycode.php是初始文件。单击magic1或magic2按钮，Ajax将调用session.php页面。 jquerycode.php文件 My jQuery Ajax test #mybox { width: 300px; height: 250px; border: 1px solid #999; } #box { width: 300px; height: 250px; border: 1px solid #999; position: absolute; right:210px; } $(document).ready(function(){ $(“.magic_button”).click(function() { var data = $(this).attr(‘id’); //alert (data); $.ajax({ type: “POST”, url: […]

如何在Rails上提交模式表单后更新DOM: 我正在使用Twitter Bootstrap尝试使用模态表单来处理我的注册过程。我可以获取提交表单，关闭模式，一切正常，但DOM不会不引人注意地更新。用户登录后，导航栏（使用部分呈现并具有ruby）不应再具有“注册”链接，并且应获取“注销”链接。由于我无法在管理表单提交的coffeescript文件中使用render ，如何重新呈现导航栏以便反映成功注册/模式表单提交？模态forms（HAML）： = simple_form_for @user, remote: true, html: {data: {type: ‘html’}, class: ‘form-horizontal’} do |f| %div.modal-header %button.close{“aria-hidden” => “true”, “data-dismiss” => “modal”, :type => “button”} × – if @user.errors.any? #error_explanation %h2= “#{pluralize(@user.errors.count, “error”)} prohibited this user from being saved:” %ul – @user.errors.full_messages.each do |msg| %li= msg %div.modal-body =render ‘form’, f: […]

为每个用户刷新聊天正文: 我一直在尝试使用php + ajax + mysql创建一个聊天系统。 Live Table Data Edit You Are : $(document).ready(function() { function fetch_data() { $.ajax({ url: “select.php”, method: “POST”, success: function(data) { $(‘#live_data’).html(data); } }); } fetch_data(); $(document).on(‘click’, ‘.first_name’, function() { var id = $(this).data(“id1”); function fetch_chat() { $.ajax({ url: “fetch_chat.php”, method: “POST”, data: { id: id }, dataType: “text”, success: function(data) […]

如何在jquery中创建一个字典的JSON数组？: 我在html中有一个treeview结构。它只有节点和子节点。它不可能有另一个子级。此树视图的一个function是用户可以重新排列节点和子节点。当用户保存它时，我会将它发送到我的c＃页面，并在服务器中读取新订单并保存。顺序由JSON对象中对象的顺序决定。我认为JSON对象看起来像这样（例子）： [ {id: 4, items: [5, 6, 7]}, {id: 8, items: [9, 10, 11, 12, …]}, … ] 所以这将是一系列字典。对于每个字典，它将具有两个键， id将是节点的id号，并且items将是子节点的id的数组。重要的是，顺序与我添加到数组的顺序相同，因此当我遍历它们时，它在插入它们时仍然处于相同的顺序。如果它像字典那么这不会是真的。我很确定我可以使用jquery创建这个字典数组。但是如何将其转换为JSON对象？这可能吗？在c＃中，我怎么能读到这个？

如何在等待用户输入的同时暂停jQuery .each（）循环？: 在继续迭代之前，我无法获得jQuery .each loop来等待用户输入。这是我的代码（我评论过我想要发生的事情）： query(“SELECT movies_dir FROM settings”); $row = $query->fetch(PDO::FETCH_ASSOC); date_default_timezone_set(‘UTC’); echo “Movie Scanner”; ?> var retval = “not done”; function EnterManually() { alert(“Entering Data Manually”); //data has been entered manually so exit function & move ontop next index in loop in document.ready. retval = “done”; } function insertIntoDB(id,path) { var request = $.ajax({ […]

无法从我的电脑加载ajax中的文件: 我需要在ajax中从我的电脑加载一个xml文件，但是它不能正常工作的脚本当前状态（不知道为什么）。这是我有的： $.ajax({ type: “GET”, url : ‘file:///C:/xampp/htdocs/files/license/index_skin.xml’, dataType: “text”, success : function (data) { $(“#txarea”).val(data); } });

在不使用数据库的情况下以JSON格式从服务器获取响应？: 我是服务器端编程的新手，我需要一个form和操作，当用户填写名称，地址和密码时，提交从那时起页面应该加载（如本机提交）和新数据应该显示（数据）在JSON文件中可用）。我在服务器上有JSON文件。是否可以在不使用数据库的情况下以JSON格式从服务器获取响应？ HTML：— JSON：— json.json位于https://domain.com/jsonfilelocation/json.json { “name”: “kk”, “address”: “XYZ, New Delhi”, “pincode”: “1000001” }

单击时向超链接添加活动状态: 我在尝试向链接添加活动状态时遇到了一些麻烦。这是我正在玩的代码： $(function () { $(‘a’).click(function () { $(this).addClass(‘PnavCurrent’); //$(“div a”).removeClass(“PnavCurrent”); //$(“div a[href=”+newHash+”]”).addClass(“PnavCurrent”); $(this).removeClass(‘PnavCurrent’); $(this).css(‘color’, ‘#51ad9d’); $(this).css(‘z-index’, ‘2’); $(this).css(‘border-color’, ‘#00a8ff’); $(‘a’).hover($(this).css(‘z-index’, ’10’)); }); }); 由于某种原因，它不会为链接应用css活动状态类（’PnavCurrent’），但是当我在脚本代码中使用{$(this).css…}指定它时，它确实可以正常工作。现在我想要的是为脚本代码中的链接添加hover状态z-index，如下所示： $(‘a’).hover($(this).css (‘z-index’, ’10’)); 我尝试使用上面的一小段代码来尝试实现这一点，但它不起作用。如果有人能帮助解决这个问题并且可能是一个更好的解决方案，我将不胜感激。

Jquery Accordion没有在ajax调用上触发: 我将源代码从输出页面复制到下面的文件中，这样你就可以看到我在说什么： http://playerspace.com/mysource.html 我们正在关注的是最近的活动ajax（由于某种原因，它不适用于此输出版本）。我希望只看代码就足以诊断它了。无论如何，问题是“评论”链接，这是一种手风琴，揭示了一个不断扩大的文本区域。在时间轴中接下来的5个项目的ajax加载之后，评论链接（部分或全部）完全停止响应。我尝试将手风琴代码直接添加到ajax调用中，但仍然无法一致地执行。 $(document).on(“click”,’.siteusemore’,function() { var ID = $(this).attr(“id”); var myscript = window.siteusemore_script || null; if(ID) { $(“#siteusemore”+ID).html(”); $.ajax({ type: “POST”, url: myscript, data: “lastmsg=”+ ID, cache: false, success: function(html){ $(“ol#siteuseupdates”).append(html); $(“#siteusemore”+ID).remove(); $(‘.accordionContent,.accordionContent-settings’).hide(); $(‘.accordionContent,.accordionContent-manuallyadd’).hide(); $(‘.accordion-comments’).live(“click”,function(event){ var target=$(this).attr(‘href’); if($(target).css(‘display’)==’none’) { $(target).show(); $(this).text(‘Hide Comments’); } else { $(target).hide(); $(this).text(‘Comments’); } return false; }); […]