Tag: ajax

摆脱forms,只使用按钮创建新记录

Rails 3.1。 我有以下内容: // _form.html.erb true) do |td| %> “next_state” %> // global.js function nextState() { Array.max = function( array ) { return Math.max.apply( Math, array ); }; var getLastState = $(“input.sortable_state_item_position”).map(function() { return $(this).val(); }).get(); getLastState.push(“0”); return Array.max(getLastState) + 1; } $(“input#next_state”).val(nextState()); // states_controller.rb class StatesController < ApplicationController before_filter :load def load @country = […]

如何使用jquery或javascript发送/上传文件?

如何使用jquery ajax将文件信息发送/上传到php? info是要上传的文件。 $.ajax({ type: “POST”, url: url, data: data, /* data from input file to upload it */ async: false, beforeSend: function() { }, complete: function() { }, cache: false, success: callback, error: function(error) { alert(“Some problems have occured. Please try again later: ” + error); } }); Submit

如何使用$ .ajax将正常的JSON检索为JSONP?

我有一个正常的JSON提要,我在一个url(normalJSONfeed)轮询。 我每次都收到cross origin policy error 。 当我无法更改JSON提要(换句话说,我无法在函数调用中包装JSON提要)时,如何更改$.ajax函数以解决此限制。 $.ajax({ type : “GET”, dataType : “jsonp”, url : ‘/normalJSONfeed’, data : {} success: function(obj){ } });

我们如何使用一个sumit表单在两台服务器上保存数据?

我正在使用第三方工具。 这是表格: <!– function chkForm(theForm) { if(theForm.CFirst.value=="") { alert("Please fill in your first name."); theForm.CFirst.focus(); return false; } if(theForm.CLast.value=="") { alert("Please fill in your last name."); theForm.CLast.focus(); return false; } var email = theForm.CEmail.value; if(email.indexOf("@") First Name * Last Name * Phone Fax Email * Message 上面的表单将数据保存到外部服务器,但现在我需要将其保存到我的服务器中。 所以我正在使用jQuery。 这是代码: $(function(){ $(‘#submit’).click(function() { var $nonce = […]

ajax调用后打开一个特定的手风琴div

我通过ajax向数据库提交一些值,我想在ajax调用后重新加载并打开一个特定的accordion div。 这是我正在尝试的,它不起作用= function submit(id) { var submitID = ‘#’ + id + ‘submit’; var divId = ‘#’ + id + ‘myDiv’; $.ajax({ ‘url’ : base_url + controller + ‘/add_val’, ‘type’ : ‘POST’, data : { var: $(submitID).val() }, ‘success’: function (data) { $(“#divId”).html(data); $(“#divId”).load(window.location + divId); $(“#accordion”).accordion(“option”, “active”, $(“#accordion div”).index(divId)); } }); } HTML代码在这里: […]

Jquery AjaxSubmit + json数据类型在IE9中剥离了HTML

我正在使用jquery form.js进行文件上传。 服务器端代码返回json格式的字符串,其中一个字段为“content”。 内容字段有一个HTML表单,我只是抓取并在div中的页面上吐出。 这在Chrome和Firefox中运行得非常好,但在IE9中失败了。 IE9删除所有打开的HTML标记。 我一整天都在谷歌搜索并尝试了很多东西,但我无法解决它。 这是我的Jquery代码: $(‘#file_form’).on(“change”, “.file_upload_field”, function(ev) { ev.preventDefault(); var options = { url: ‘/ajax/process’, type: ‘post’, dataType: ‘json’, success: function(response) { $(‘#upload-confirm’).show().html(response.data.content); } }; $(‘#my-form’).ajaxSubmit(options); }); 响应是这样的 { “success”: true, “message”: “success”, “data”: { “content”: “” } }

如何根据第一个下拉选择更改第二个下拉值?

我有两个下降,即Min Price和Max Price ,我想根据第一个选择更改第二个下拉值。 举例说明1st drop-down selection is 100 means, 2nd drop-down value should be greater than the 100, if it is 200 in 1st, value of 2nd should be greater than 200 在jQuery或js中的任何想法?

Ruby rails – jquery auto complete – 为列表项组合多个值

如何解析rails实例变量的值以创建jQuery的自动完整列表? 所以我的’/ user / search’返回一个实例变量,每个项目有多个值。 我想把它们组合起来作为列表项目。 def search if (params[:term] =~ /[a-zA-Z]/) @result = User.FindLdap(“sAMAccountName”, params[:term]) else @result = User.FindLdap(“idnumber”, params[:term]) end respond_to do |format| format.html { render :partial => ‘text_for_autocomplete’} format.js end end 我正在使用jQuery的示例代码,但它有一种方法来显示每个项目列表。 在我的情况下,我检索多个ldap属性,我想显示每个列表项的属性值。 所以每个列表项应该像””#{sAMAccountName}”, “#{idnumber}””用逗号分隔,而不仅仅是在文本字段中输入的idnumber的值。 $(function() { $(“#term”).autocomplete({ source: function (request, response) { $.post(“/users/search”, request, response); }, minLength: 2, select: function( event, […]

使用jquery进行图像裁剪

我希望用户上传图像,然后将其裁剪为设定大小。 我想要发生的实际上是一个div设置为特定的裁剪尺寸和该框内的图像。 然后,用户可以滑动图像,并且该div中可见的任何内容都是图像被裁剪到的内容。 我遇到的所有jquery插件只是让用户在整个图像周围移动一个选择框,而不是在选择框后面移动图像。 这种事情是否存在,我是否只是错过了这个插件? 基本上它就像Facebook中的缩略图编辑器,您可以在缩略图大小的框中拖动图像。

JavaScript中的全局变量在使用getJSON时未设置?

这是我的代码。 如果我通过“谷歌检查员”检查“恶作剧”变量一切正常。 但是最后一行的“警报”显示了一个0大小的数组! 我捣乱了本地/全局变量? (function() { pranks = []; function getAllPranks(){ $.getJSON(‘list.json’, function(data) { $.each(data[‘pranks’], function(key, val) { pranks.push(val); }); }); } $(document).ready(function(){ getAllPranks(); alert(pranks.length); }); }());