使用Ajax动态自动保存Rails表单有时会失败 [英] Dynamically Auto Save Rails Form using Ajax is failing at some Point
本文介绍了使用Ajax动态自动保存Rails表单有时会失败的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我是Rails的基本开发人员，不是一些专业人士！
我正在尝试使用ajax动态地间隔一段时间后自动保存rails表单.实际上，真正的需要是，当首次执行ajax函数时，它将在数据库中插入对象，然后再更新该对象.我在没有任何关联的简单对象上尝试了这种方法，并且它可以工作，但是现在需求是完全不同的.
I am trying to auto save the rails form after some interval using ajax Dynamically. Actually The real need is that when the first time ajax function executes it inserts the object in the database and afterwards it updates that object. I tried this approach on simple object without any Associations and it works, but right now The requirement is quite different.
该模型具有has_many关联.这些关联是通过 Rails Cocoon Gem 管理的.我以前使用的方法是当ajax调用返回成功时，我更新了参数，然后在控制器中对其进行了检查，并将其发送给更新操作而不是创建，但是现在，如果我使用这种方法，则可以获得模型，但无法获得其关联，因此所有关联的对象都会继续插入数据库中.
The model has has_many associations. These Associations is being managed with Rails Cocoon Gem The approach I used before is when ajax call returns success I update the param and then I checked it in the controller and send it to update action rather than create, but now If I used this approach I can get the Model but can't its associations, so all the associated objects keep inserting in the database.
因此，我改变了方法，当我的ajax调用第一次执行create动作时，我将其发送到JS文件中，在其中我用新创建的对象的编辑表单替换并呈现了新表单.但是这一次不是执行编辑表单脚本，而是继续运行新的表单脚本?
有人通知我我做错了什么吗?还是还有更好的方法来解决应用程序的性能问题
So, I changed my approach, when first time my ajax call hits the create action I send it to the JS file where I replace and render the new form with the edit form of the newly created object. But this time instead of the edit form script is execute, it keeps running the new form script ?
Is someone Notify my where I did something wrong? or Is there any Better Approach also for the Performance Issue of the Application
有一些代码可以说明正在发生的事情！
There is Some Code to Elaborate what is going on !
对象的新表单
<div id="dynamic_form">
<% quote = @quote %>
<div class="container form-prquote">
<%= form_with(model: quote, local: true, multipart: true, id: "new_quote") do |form| %>
......... All Form Fields
.
.
.
.
<% end %>
</div>
</div>
Ajax要求填写此表单
function contact_check(){
var product_price_val = $('.price_unit').val();
var product_title_val = $('.product_item_title').val();
var quote_title_val = $('#prquote_title').val();
var contact_present = $(".selectize-input .item").length;
if (contact_present > 0 && quote_title_val != "" && product_title_val != "" && product_price_val != "") {
setTimeout(autoSavePost, 30000);
}
}
$(document).bind('keyup mouseup change mouseover click', function() {
contact_check();
});
function autoSavePost() {
$.ajax({
type: "POST",
url: '/quotes',
data: $("#new_quote").serialize(),
dataType: "script",
success: function(data) {
console.log(data)
// id = data;
// $('#quote_response').val(id);
}
});
setTimeout(autoSavePost, 30000);
}
控制器操作
def create
@quote = current_user.quotes.build(quote_params)
respond_to do |format|
if @quote.save!
format.html{
redirect_to @quote, notice: 'Quote was successfully created.'
}
format.js
else
render 'new'
end
end
end
Create.js.erb
$("#dynamic_form").html("<%= j render(:partial => 'edit_form', :locals => {quote: @quote}) %>");
window.history.pushState('edit', 'Quote', '/quotes/<%= @quote.slug %>/edit ');
此文件呈现的edit_form与new相同，但脚本上的Ajax调用有所不同，但我现在评论是这样，所以实际上可以看到发生了什么.我不明白为什么我的新表单脚本会继续运行并给我错误
This File Render the edit_form which as the same as new but on the script is different for Ajax call, but I comment is for now so actually see, what's going on. I didn't understand why my new form script keeps running and give me the error of
ActionController::ParameterMissing (param is missing or the value is empty: quote):
一些日志以实际查看此代码的情况
Started POST "/quotes" for 127.0.0.1 at 2019-05-21 22:27:22 +0500
Processing by QuotesController#create as JS
Parameters: {"utf8"=>"✓", "authenticity_token"=>"gpJNa8DNlSvox4LOCY4itfhnTqD3Za7TKrQ9zYsDP6rzwN9+wqaxwbxzKLFQvRA3JUdRuaEw9xcrZe/jJYea9A==", "quote"=>{"valid_until"=>"2019-06-20", "created_on"=>"2019-05-21", "discount"=>"", "currency"=>"£", "currency_symbol"=>"£", "tax_rule"=>"VAT Exclusive (Inclusive Total)", "contact_id"=>"1", "title"=>"Hahahhahah Zabardast bhai zabadast", "products_attributes"=>{"0"=>{"is_optional"=>"false", "is_optional_checked"=>"false", "is_multiple"=>"false", "is_multiple_checked"=>"false", "_destroy"=>"false", "item_code"=>"010", "heading"=>"Product", "description"=>"Description", "position"=>"1", "unit_price"=>"1203030", "quantity"=>"1", "is_editable"=>"", "item_total"=>"1203030.00", "category"=>"1", "tax_rule_id"=>"1", "discount"=>"", "cost_price"=>"", "has_subscription"=>"", "subscription_unit"=>"", "subscription_plan"=>"Week", "subscription_number"=>""}}, "total_quote_price"=>"1443636.00", "text_items_attributes"=>{"0"=>{"_destroy"=>"false", "heading"=>"", "description"=>"", "position"=>"1"}}}}
User Load (0.7ms) SELECT "users".* FROM "users" WHERE "users"."id" = $1 ORDER BY "users"."id" ASC LIMIT $2 [["id", 1], ["LIMIT", 1]]
(0.3ms) BEGIN
Quote Exists (0.5ms) SELECT 1 AS one FROM "quotes" WHERE "quotes"."id" IS NOT NULL AND "quotes"."slug" = $1 LIMIT $2 [["slug", "dbfnhkoeagtycsljrxivmwuqzp"], ["LIMIT", 1]]
TaxRule Load (0.5ms) SELECT "tax_rules".* FROM "tax_rules" WHERE "tax_rules"."id" = $1 LIMIT $2 [["id", 1], ["LIMIT", 1]]
Quote Create (0.8ms) INSERT INTO "quotes" ("title", "slug", "currency", "tax_rule", "currency_symbol", "total_quote_price", "created_on", "valid_until", "created_at", "updated_at", "contact_id", "user_id") VALUES ($1, $2, $3, $4, $5, $6, $7, $8, $9, $10, $11, $12) RETURNING "id" [["title", "Hahahhahah Zabardast bhai zabadast"], ["slug", "dbfnhkoeagtycsljrxivmwuqzp"], ["currency", "£"], ["tax_rule", "VAT Exclusive (Inclusive Total)"], ["currency_symbol", "£"], ["total_quote_price", 1443636.0], ["created_on", "2019-05-21"], ["valid_until", "2019-06-20"], ["created_at", "2019-05-21 22:27:22.370808"], ["updated_at", "2019-05-21 22:27:22.370808"], ["contact_id", 1], ["user_id", 1]]
Product Create (0.5ms) INSERT INTO "products" ("item_code", "heading", "category", "position", "description", "unit_price", "quantity", "item_total", "subscription_plan", "is_optional", "is_multiple", "quote_id", "tax_rule_id", "created_at", "updated_at") VALUES ($1, $2, $3, $4, $5, $6, $7, $8, $9, $10, $11, $12, $13, $14, $15) RETURNING "id" [["item_code", "010"], ["heading", "Product"], ["category", "1"], ["position", 1], ["description", "Description"], ["unit_price", 1203030.0], ["quantity", 1], ["item_total", 1203030.0], ["subscription_plan", 0], ["is_optional", false], ["is_multiple", false], ["quote_id", 140], ["tax_rule_id", 1], ["created_at", "2019-05-21 22:27:22.374411"], ["updated_at", "2019-05-21 22:27:22.374411"]]
(19.6ms) COMMIT
[ActiveJob] Enqueued QuoteJob (Job ID: 5beee9d7-88fc-4295-9134-02b74dbd25e5) to Sidekiq(default) at 2019-06-19 19:00:00 UTC with arguments: #<GlobalID:0x00007f8f7149be18 @uri=#<URI::GID gid://proposl/Quote/140>>
Rendering quotes/create.js.erb
Contact Load (0.7ms) SELECT "contacts".* FROM "contacts" WHERE "contacts"."user_id" = $1 [["user_id", 1]]
Contact Load (0.6ms) SELECT "contacts".* FROM "contacts" WHERE "contacts"."id" = $1 LIMIT $2 [["id", 1], ["LIMIT", 1]]
Product Load (0.5ms) SELECT "products".* FROM "products" WHERE "products"."quote_id" = $1 [["quote_id", 140]]
ImageAttachment Load (0.3ms) SELECT "image_attachments".* FROM "image_attachments" WHERE "image_attachments"."owner_id" = $1 AND "image_attachments"."owner_type" = $2 [["owner_id", 353], ["owner_type", "Product"]]
Category Load (0.4ms) SELECT "categories".* FROM "categories" WHERE "categories"."user_id" = $1 AND "categories"."active" = $2 ORDER BY "categories"."id" ASC LIMIT $3 [["user_id", 1], ["active", true], ["LIMIT", 1]]
Category Load (0.3ms) SELECT "categories".* FROM "categories" WHERE "categories"."user_id" = $1 [["user_id", 1]]
TaxRule Load (0.2ms) SELECT "tax_rules".* FROM "tax_rules" WHERE "tax_rules"."user_id" = $1 [["user_id", 1]]
TaxRule Load (0.4ms) SELECT "tax_rules".* FROM "tax_rules" WHERE "tax_rules"."user_id" = $1 AND "tax_rules"."active" = $2 ORDER BY "tax_rules"."id" ASC LIMIT $3 [["user_id", 1], ["active", true], ["LIMIT", 1]]
CACHE TaxRule Load (0.0ms) SELECT "tax_rules".* FROM "tax_rules" WHERE "tax_rules"."user_id" = $1 AND "tax_rules"."active" = $2 ORDER BY "tax_rules"."id" ASC LIMIT $3 [["user_id", 1], ["active", true], ["LIMIT", 1]]
TextItem Load (0.3ms) SELECT "text_items".* FROM "text_items" WHERE "text_items"."parent_id" = $1 AND "text_items"."parent_type" = $2 [["parent_id", 353], ["parent_type", "Product"]]
Rendered quotes/_text_item_fields.html.erb (1.0ms)
Rendered quotes/_product_fields.html.erb (18.8ms)
CACHE Category Load (0.0ms) SELECT "categories".* FROM "categories" WHERE "categories"."user_id" = $1 AND "categories"."active" = $2 ORDER BY "categories"."id" ASC LIMIT $3 [["user_id", 1], ["active", true], ["LIMIT", 1]]
CACHE TaxRule Load (0.0ms) SELECT "tax_rules".* FROM "tax_rules" WHERE "tax_rules"."user_id" = $1 AND "tax_rules"."active" = $2 ORDER BY "tax_rules"."id" ASC LIMIT $3 [["user_id", 1], ["active", true], ["LIMIT", 1]]
CACHE TaxRule Load (0.0ms) SELECT "tax_rules".* FROM "tax_rules" WHERE "tax_rules"."user_id" = $1 AND "tax_rules"."active" = $2 ORDER BY "tax_rules"."id" ASC LIMIT $3 [["user_id", 1], ["active", true], ["LIMIT", 1]]
Rendered quotes/_text_item_fields.html.erb (0.4ms)
Rendered quotes/_product_fields.html.erb (9.9ms)
TextItem Load (0.5ms) SELECT "text_items".* FROM "text_items" WHERE "text_items"."parent_id" = $1 AND "text_items"."parent_type" = $2 [["parent_id", 140], ["parent_type", "Quote"]]
Rendered quotes/_text_item_fields.html.erb (0.7ms)
Rendered quotes/_address_fields.html.erb (1.1ms)
Rendered quotes/_contact_detail_fields.html.erb (0.7ms)
Rendered quotes/_new_contact.html.erb (8.4ms)
Rendered quotes/_edit_form.html.erb (59.1ms)
Rendered quotes/create.js.erb (63.0ms)
Completed 200 OK in 121ms (Views: 64.2ms | ActiveRecord: 27.0ms)
Started POST "/quotes" for 127.0.0.1 at 2019-05-21 22:27:22 +0500
Processing by QuotesController#create as JS
User Load (1.3ms) SELECT "users".* FROM "users" WHERE "users"."id" = $1 ORDER BY "users"."id" ASC LIMIT $2 [["id", 1], ["LIMIT", 1]]
Completed 500 in 8ms (ActiveRecord: 1.3ms)
ActionController::ParameterMissing (param is missing or the value is empty: quote):
app/controllers/quotes_controller.rb:194:in `quote_params'
Started POST "/quotes" for 127.0.0.1 at 2019-05-21 22:27:23 +0500
Processing by QuotesController#create as JS
User Load (2.5ms) SELECT "users".* FROM "users" WHERE "users"."id" = $1 ORDER BY "users"."id" ASC LIMIT $2 [["id", 1], ["LIMIT", 1]]
Completed 500 in 21ms (ActiveRecord: 2.5ms)
ActionController::ParameterMissing (param is missing or the value is empty: quote):
app/controllers/quotes_controller.rb:194:in `quote_params'
Started POST "/quotes" for 127.0.0.1 at 2019-05-21 22:27:23 +0500
Processing by QuotesController#create as JS
User Load (0.6ms) SELECT "users".* FROM "users" WHERE "users"."id" = $1 ORDER BY "users"."id" ASC LIMIT $2 [["id", 1], ["LIMIT", 1]]
Completed 500 in 4ms (ActiveRecord: 0.6ms)
ActionController::ParameterMissing (param is missing or the value is empty: quote):
app/controllers/quotes_controller.rb:194:in `quote_params'
Started POST "/quotes" for 127.0.0.1 at 2019-05-21 22:27:24 +0500
Processing by QuotesController#create as JS
User Load (2.1ms) SELECT "users".* FROM "users" WHERE "users"."id" = $1 ORDER BY "users"."id" ASC LIMIT $2 [["id", 1], ["LIMIT", 1]]
Completed 500 in 15ms (ActiveRecord: 2.1ms)
ActionController::ParameterMissing (param is missing or the value is empty: quote):
app/controllers/quotes_controller.rb:194:in `quote_params'
Started POST "/quotes" for 127.0.0.1 at 2019-05-21 22:27:24 +0500
Processing by QuotesController#create as JS
User Load (1.1ms) SELECT "users".* FROM "users" WHERE "users"."id" = $1 ORDER BY "users"."id" ASC LIMIT $2 [["id", 1], ["LIMIT", 1]]
Completed 500 in 9ms (ActiveRecord: 1.1ms)
ActionController::ParameterMissing (param is missing or the value is empty: quote):
app/controllers/quotes_controller.rb:194:in `quote_params'
Started POST "/quotes" for 127.0.0.1 at 2019-05-21 22:27:24 +0500
Processing by QuotesController#create as JS
User Load (2.0ms) SELECT "users".* FROM "users" WHERE "users"."id" = $1 ORDER BY "users"."id" ASC LIMIT $2 [["id", 1], ["LIMIT", 1]]
Completed 500 in 13ms (ActiveRecord: 2.0ms)
ActionController::ParameterMissing (param is missing or the value is empty: quote):
app/controllers/quotes_controller.rb:194:in `quote_params'
Started POST "/quotes" for 127.0.0.1 at 2019-05-21 22:27:25 +0500
Processing by QuotesController#create as JS
User Load (1.2ms) SELECT "users".* FROM "users" WHERE "users"."id" = $1 ORDER BY "users"."id" ASC LIMIT $2 [["id", 1], ["LIMIT", 1]]
Completed 500 in 8ms (ActiveRecord: 1.2ms)
Started POST "/quotes" for 127.0.0.1 at 2019-05-21 22:27:25 +0500
ActionController::ParameterMissing (param is missing or the value is empty: quote):
app/controllers/quotes_controller.rb:194:in `quote_params'
Processing by QuotesController#create as JS
User Load (0.7ms) SELECT "users".* FROM "users" WHERE "users"."id" = $1 ORDER BY "users"."id" ASC LIMIT $2 [["id", 1], ["LIMIT", 1]]
Completed 500 in 4ms (ActiveRecord: 0.7ms)
ActionController::ParameterMissing (param is missing or the value is empty: quote):
app/controllers/quotes_controller.rb:194:in `quote_params'
Started POST "/quotes" for 127.0.0.1 at 2019-05-21 22:27:26 +0500
Processing by QuotesController#create as JS
User Load (1.0ms) SELECT "users".* FROM "users" WHERE "users"."id" = $1 ORDER BY "users"."id" ASC LIMIT $2 [["id", 1], ["LIMIT", 1]]
Completed 500 in 12ms (ActiveRecord: 1.0ms)
ActionController::ParameterMissing (param is missing or the value is empty: quote):
app/controllers/quotes_controller.rb:194:in `quote_params'
Started GET "/quotes/dbfnhkoeagtycsljrxivmwuqzp/edit" for 127.0.0.1 at 2019-05-21 22:27:32 +0500
Processing by QuotesController#edit as HTML
Parameters: {"id"=>"dbfnhkoeagtycsljrxivmwuqzp"}
User Load (2.8ms) SELECT "users".* FROM "users" WHERE "users"."id" = $1 ORDER BY "users"."id" ASC LIMIT $2 [["id", 1], ["LIMIT", 1]]
Quote Load (8.3ms) SELECT "quotes".* FROM "quotes" WHERE "quotes"."status" != $1 AND "quotes"."slug" = $2 LIMIT $3 [["status", 5], ["slug", "dbfnhkoeagtycsljrxivmwuqzp"], ["LIMIT", 1]]
Quote Load (1.6ms) SELECT "quotes".* FROM "quotes" WHERE "quotes"."slug" = $1 LIMIT $2 [["slug", "dbfnhkoeagtycsljrxivmwuqzp"], ["LIMIT", 1]]
Rendering quotes/edit.html.erb within layouts/application
Contact Load (0.6ms) SELECT "contacts".* FROM "contacts" WHERE "contacts"."user_id" = $1 [["user_id", 1]]
Contact Load (0.6ms) SELECT "contacts".* FROM "contacts" WHERE "contacts"."id" = $1 LIMIT $2 [["id", 1], ["LIMIT", 1]]
Product Load (0.9ms) SELECT "products".* FROM "products" WHERE "products"."quote_id" = $1 [["quote_id", 140]]
ImageAttachment Load (0.5ms) SELECT "image_attachments".* FROM "image_attachments" WHERE "image_attachments"."owner_id" = $1 AND "image_attachments"."owner_type" = $2 [["owner_id", 353], ["owner_type", "Product"]]
Category Load (0.8ms) SELECT "categories".* FROM "categories" WHERE "categories"."user_id" = $1 AND "categories"."active" = $2 ORDER BY "categories"."id" ASC LIMIT $3 [["user_id", 1], ["active", true], ["LIMIT", 1]]
Category Load (0.3ms) SELECT "categories".* FROM "categories" WHERE "categories"."user_id" = $1 [["user_id", 1]]
TaxRule Load (0.5ms) SELECT "tax_rules".* FROM "tax_rules" WHERE "tax_rules"."user_id" = $1 [["user_id", 1]]
TaxRule Load (0.6ms) SELECT "tax_rules".* FROM "tax_rules" WHERE "tax_rules"."user_id" = $1 AND "tax_rules"."active" = $2 ORDER BY "tax_rules"."id" ASC LIMIT $3 [["user_id", 1], ["active", true], ["LIMIT", 1]]
CACHE TaxRule Load (0.0ms) SELECT "tax_rules".* FROM "tax_rules" WHERE "tax_rules"."user_id" = $1 AND "tax_rules"."active" = $2 ORDER BY "tax_rules"."id" ASC LIMIT $3 [["user_id", 1], ["active", true], ["LIMIT", 1]]
TextItem Load (0.5ms) SELECT "text_items".* FROM "text_items" WHERE "text_items"."parent_id" = $1 AND "text_items"."parent_type" = $2 [["parent_id", 353], ["parent_type", "Product"]]
Rendered quotes/_text_item_fields.html.erb (1.8ms)
Rendered quotes/_product_fields.html.erb (45.9ms)
CACHE Category Load (0.0ms) SELECT "categories".* FROM "categories" WHERE "categories"."user_id" = $1 AND "categories"."active" = $2 ORDER BY "categories"."id" ASC LIMIT $3 [["user_id", 1], ["active", true], ["LIMIT", 1]]
CACHE TaxRule Load (0.2ms) SELECT "tax_rules".* FROM "tax_rules" WHERE "tax_rules"."user_id" = $1 AND "tax_rules"."active" = $2 ORDER BY "tax_rules"."id" ASC LIMIT $3 [["user_id", 1], ["active", true], ["LIMIT", 1]]
CACHE TaxRule Load (0.0ms) SELECT "tax_rules".* FROM "tax_rules" WHERE "tax_rules"."user_id" = $1 AND "tax_rules"."active" = $2 ORDER BY "tax_rules"."id" ASC LIMIT $3 [["user_id", 1], ["active", true], ["LIMIT", 1]]
Rendered quotes/_text_item_fields.html.erb (0.5ms)
Rendered quotes/_product_fields.html.erb (17.8ms)
TextItem Load (0.5ms) SELECT "text_items".* FROM "text_items" WHERE "text_items"."parent_id" = $1 AND "text_items"."parent_type" = $2 [["parent_id", 140], ["parent_type", "Quote"]]
Rendered quotes/_text_item_fields.html.erb (0.5ms)
Rendered quotes/_address_fields.html.erb (1.7ms)
Rendered quotes/_contact_detail_fields.html.erb (0.9ms)
Rendered quotes/_new_contact.html.erb (10.4ms)
Rendered quotes/_edit_form.html.erb (110.3ms)
Rendered quotes/edit.html.erb within layouts/application (112.2ms)
StripeCustomer Load (0.6ms) SELECT "stripe_customers".* FROM "stripe_customers" WHERE "stripe_customers"."user_id" = $1 LIMIT $2 [["user_id", 1], ["LIMIT", 1]]
Rendered layouts/_header_login.html.erb (1.1ms)
Completed 200 OK in 314ms (Views: 220.7ms | ActiveRecord: 48.7ms)
即使我渲染了edit_form页面并且新脚本消失了，这也将永远像在日志中一样运行，但是它仍然以对create动作相同的ajax调用来达到目标.
This Keeps running in the Logs like forever even I rendered the edit_form page and the new script gone but it keeps hitting with the same ajax call to the create action.
我还提供了编辑"表单脚本，所以我解释了我想做什么
I am also providing the Edit form script so I explain what I want to do
function contact_check(){
var product_price_val = $('.price_unit').val();
var product_title_val = $('.product_item_title').val();
var quote_title_val = $('#prquote_title').val();
var contact_present = $(".selectize-input .item").length;
if (contact_present > 0 && quote_title_val != "" && product_title_val != "" && product_price_val != "") {
setTimeout(autoSavePost, 60000);
}
}
$(document).bind('keyup mouseup change mouseover click', function() {
contact_check();
});
function autoSavePost() {
$.ajax({
type: "PUT",
url: "quotes/<%#= quote.id %>",
data: $("#edit_quote").serialize(),
dataType: "script",
success: function(data) {
console.log(data)
// id = data;
// $('#quote_response').val(id);
}
});
setTimeout(autoSavePost, 60000);
}
上面的代码目前已被注释掉，但这是我以后要做的事情.
The above code is commented out for now but this what I want to do afterwards.
任何解决方案或更好的方法，在此先感谢.
推荐答案
经过我的同伴的大量努力和帮助，他们实际上知道J Query的工作原理！他只是解释说我的脚本做错了工作.我们必须操纵它.
After a lot of Effort and some help from my mate who actually knows how J Query works! He just explained that my script is doing the wrong work. We have to manipulate it.
因此，我们对此进行了研究，并做出以下决定:打开新页面以进行报价时，我们只需要发送一次请求，然后使用编辑"表单然后在编辑页面"中呈现整个页面.我们为自动保存功能
So we Researched on it and comes up on a decision that when the New Page is open for the Quote, we have to just send the request one time and then render the whole page with the Edit form and then in the Edit Page we write the Actual Script for Auto Save Feature
所以，我正在解释新的表单脚本
function contact_check(){
var product_price_val = $('.price_unit').val();
var product_title_val = $('.product_item_title').val();
var quote_title_val = $('#prquote_title').val();
var contact_present = $(".selectize-input .item").length;
if (contact_present > 0 && quote_title_val != "" && product_title_val != "" && product_price_val != "") {
autoSavePost();
}
}
var contact_present = $(".selectize-input .item").length;
if(contact_present > 0){
$('.price_unit, .product_item_title, #prquote_title').on('blur',function(){
contact_check();
});
}
else{
$(document).on('change',function(){
contact_check();
});
}
function autoSavePost() {
$.ajax({
type: "POST",
url: '/quotes',
data: $("#new_quote").serialize(),
dataType: "script",
});
}
此脚本正在执行的操作是检查一些验证 字段，然后将发布请求发送到控制器 将对象插入数据库后，渲染呈现编辑表单，或者更好地说 保留记录后.
What this script is doing is that Checking some Validations on some Fields and then Send the Post Request to the Controller which just render the edit form after inserting the Object in DB, or better say after persisting the Record.
在呈现单词编辑页面"后，我们在此处编写了一个脚本，以在间隔一段时间后更新对象
After Words the Edit Page is Rendered we wrote a Script there to just update the object after some Interval
function contact_check(){
setTimeout(autoSavePost, 60000);
}
$(document).on('change',function(){
contact_check();
});
function autoSavePost() {
var product_price_val = $('.price_unit').val();
var product_title_val = $('.product_item_title').val();
var quote_title_val = $('#prquote_title').val();
var contact_present = $(".selectize-input .item").length;
if (contact_present > 0 && quote_title_val != "" && product_title_val != "" && product_price_val != "") {
$.ajax({
type: "PATCH",
url: "/quotes/<%= quote.slug %>",
data: $("#edit_quote").serialize(),
dataType: "script",
success: function(data) {
console.log("data")
}
});
setTimeout(autoSavePost, 60000);
}
}
因此，此方法非常有用，并且可以完全正常工作的自动保存 表单功能，可以在任何类型的对象上实现.谢谢！
So, this approach is quite helpful and its a fully Working Auto Save Form Feature and it can be implemented on any type of Object. Thanks !
总是欢迎任何更优化的技术和更好的解决方案！
这篇关于使用Ajax动态自动保存Rails表单有时会失败的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
