Tag: ajax

jQuery表单validation和Ajax提交的问题

我使用jQuery创建了一个动态表单，它有两个部分，一旦第一部分正确完成，第二部分加载而没有页面刷新。 我的问题是，当第二部分完成后，我需要执行validation，显然确保没有错误的数据发送到服务器。 发生的事情是，如果我第二次单击提交按钮提交不正确的数据，validation将在初始单击提交按钮时起作用，但即使没有在表单输入字段中修复数据也是如此？ 我在网上搜索了一个答案，并尝试了一些不同的东西： 我尝试将第二个提交方法更改为： $(‘infoform’).submit(function() { // .. stuff }）; 但这没有用，也有人建议我尝试： $(‘#submit_second’).submit(function(evt){ evt.preventDefault(); … }）; 但这也没有用，只能阻止validation完全工作？ 我想要的是显然要让validation继续检查错误，直到输入的数据是正确的，并且一旦数据不再出现错误，然后使用ajax调用发送？ 表单的代码是： <!–WANT A FREESOCIAL MEDIAAUDIT?–> Facebook or Twitter page address: Your Full Name. Your email address. Your contact number. <!—-> 这是我的jQuery，我已经尝试将两个“submit_second”函数合并为一个，但是当单击第二个提交按钮时，这会停止发生的任何事情！ $(‘#submit_second’).click(function(){ //remove classes $(‘#second_step input’).removeClass(‘error’).removeClass(‘valid’); var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/; var phonePattern = /^\+?[0-9]{0,15}$/ ; var fields […]

Twitter关注小部件，无需打开意图

我想使用twitter“跟随按钮”小部件，但是，每次用户点击它以查看目标用户时，我希望它直接关注目标用户而不打开意图。 那可能吗？ 如果是这样，怎么样？

使用SimpleXML和JQuery Ajax在服务器中创建XML文件

我需要一些帮助，我希望有人可以帮助我=）我想要做的确实可以完成，但我做错了：我想在使用Ajax调用时创建一个XML文件。 我得到了以下代码（合成）。 请注意，这个例子可能不起作用，只是为了举例说明： HTML Create XML on server! Create now! jQuery.noConflict(); jQuery(document).ready(function($){ var test = $(‘#test’).val(); // When the button it’s clicked: $(‘#submit’).click(function () { $.ajax({ // Este es el archivo PHP que procesa la información y envía el mail url: “createXML.php”, type: “POST”, data: test, success: function (html) { // If succeed if (html==1) […]

根据另一个选择更新一个选择

可能重复： 如何在更改第一个下拉列表后从数据库加载第二个下拉列表 嘿，我有一个表格，里面有两个选择下拉列表。 第一个选择填充了用户的投资组合，第二个选项需要填充投资组合。 我获得了登录用户的所有投资组合，并使用这些投资组合填充第一个选择我想在第一个选择的基础上填充第二个选择组，例如，如果用户选择portfolio_1，portfolio_1中的所有组应该在第二个选择框中加载。 第一个选择投资组合是： Select Portfolio {% for portfolio in portfolios %} {{ portfolio.portfolioName }} {% endfor %} 我理解的是我需要调用ajax函数onchange of first select in ajax我需要发送选定的投资组合ID并查找具有该id的所有组，然后返回所有这些组并仅更新第二个选择框与那些组， 我不知道如何用我将获得的组填充第二个选择 有任何想法吗？ 谢谢

JQuery AJAX’post’数据没有通过web api控制器

我正在将一个Person（）对象设置为几个ko.observables并尝试将其传递给我的ajax调用。 另一方面，一个Web API控制器将其作为null。 这就是我对ko.observables的数据绑定方式： First Name Last Name Email Address * 我的.js假设要获取ko.observable值，但不是： var firstname = ko.observable(); var lastname = ko.observable(); var email = ko.observable(); var password = ko.observable(); function submitclicked() { insertNewUser(); ko.applyBindings(firstname); ko.applyBindings(lastname); ko.applyBindings(email); ko.applyBindings(password); }; function Person() { this.FirstName = firstname(); this.LastName = lastname(); this.Email = email(); this.Password = password(); } function insertNewUser() […]

使用Ajax在CodeIgniter中使用来自数据库的多个数据自动完成文本框

我想要任何人的帮助来做这个自动完成文本框。 现在数据来自数据库，但我想限制显示重复数据。 这是代码： 控制器： load->view(‘birds_view’); } function get_birds() { $this->load->model(‘birds_model’); if (isset($_GET[‘term’])){ $q = strtolower($_GET[‘term’]); $this->birds_model->get_bird($q); } } } 模型： db->select(‘*’); $this->db->like(‘bird’, $q); $this->db->order_by(‘bird’); $query = $this->db->get(‘birds’); if($query->num_rows() > 0){ foreach ($query->result_array() as $row){ $row_set[‘label’]=htmlentities(stripslashes($row[‘bird’])); } echo json_encode($row_set); } } } 视图： Skills $(function() { function split( val ) { return val.split( /,\s*/ ); } […]

如何防止重复的AJAX调用？

我目前正在构建一个简单的AJAX调用应用程序，它将在其中输入一些文本后显示文本框的结果： var delay = (function(){ var timer = 0; return function(callback, ms){ clearTimeout (timer); timer = setTimeout(callback, ms); }; })(); $(document).ready(function(e) { $(“input[name=html]”).keyup(function(e) { if(this.value.length > 1) { e.preventDefault(); var form = $(this).closest(‘form’); var form_data = form.serialize(); var form_url = form.attr(“action”); var form_method = form.attr(“method”).toUpperCase(); delay(function(){ $(“#loadingimg”).show(); $.ajax({ url: form_url, type: form_method, data: form_data, cache: […]

ajax加载的html中的多个jQuery插件实例

我在ajax加载的html中使用多个Blueimp文件上传插件： $(‘.edit’).click(function(){ $( “#details” ).show(); $(‘#details div’).html(ajax_spinner).load(script.php, “parameters”); }); 因此，当您单击某个class =“edit”时，会显示一个新的div id =“details”（但是当document.ready时它位于DOM中）并且script.php返回一个表单id =“upload”（在“查看源代码”，虽然它在页面中..？ 在document.ready 之后处理html的规则/良好做法是什么？ 所以现在这个“虚拟DOM”中有一个新元素： DROP HERE Image .png or .jpg Browse 当我尝试对DOM的这个“隐形”部分采取行动时： $(‘#drop a’).click(function(){ alert(‘Nope. Nothing’); }); 只有我 $(document).on(‘click’, ‘#drop a’, function() { alert(‘Ah, this works’); }); 但我需要的不仅仅是警报。 整个$(‘#upload’).fileupload({ … })回调套件没有执行，可能是因为这个DOM“存在”问题。 顺便说一句，我在其他页面中，在普通的现有DOM上使用这个非常实现，并且它可以工作。 我如何处理那些新生成的DOM元素？

JqueryMobile – 刷新ajax加载的页面

我使用jquerymobile制作了两个页面。 第一个包含第二个链接。 Some page 当我点击链接时，我会加载新页面。 但是，如果我按下F5按钮，我将获得没有任何js脚本和css文件的新页面。 第一页的结构是： … js/css files … … 第二： … 那么如何才能使F5按钮正常工作？ 就像我把所有内容放在一页（然后它工作正常） 是否可以仅更改页面的内容部分，以便我不会一直复制粘贴页眉和页脚？ 提前致谢

如何在没有承诺的情况下处理异步函数？

我开始使用带有promise库的angularJS进行web应用程序开发，但现在我必须在没有一个项目的情况下处理另一个项目。 如何在不必导入promise库的情况下执行此操作。 我已经删除了一些不相关的东西，但基本上我需要从后端获取文件URL，根据此url创建一个元素，然后返回该元素。 事情是，一旦我进入异步函数，我不知道如何返回返回创建的元素。 var userLogoAWS = null; $.get(“http://localhost:8080/apps/admin/file”, { category: category, filename: “logo.png” }, function(data){ userLogoAWS = data; }); img.src = userLogoAWS; //—- Create and Combine elements —- var element = anchor.appendChild(img); return element;