我是Rails的基本开发人员，不是专业人士！
我正在尝试使用ajax动态地间隔一段时间后自动保存rails表单。实际上，真正的需要是，当首次执行ajax函数时，它将在数据库中插入对象，然后再更新该对象。我在没有任何关联的简单对象上尝试了这种方法，并且它可以工作，但是现在需求是完全不同的。
该模型具有has_many关联。这些关联是通过 Rails Cocoon Gem 管理的。我以前使用的方法是当ajax调用返回成功时，我更新了参数，然后在控制器中对其进行了检查，并将其发送给更新操作而不是创建，但是现在，如果我使用这种方法，我可以获得模型，但无法获得模型的关联，因此所有关联的对象都会继续插入数据库中。
因此，我改变了方法，当我的ajax调用第一次执行create动作时，我将其发送到JS文件中，在其中我用新创建的对象的编辑表单替换并呈现了新表单。但是这一次不是执行编辑表单脚本，而是继续运行新的表单脚本？
有人通知我我做错了什么吗？还是还有更好的方法来解决应用程序的性能问题
有一些代码可以说明正在发生的事情！
对象的新表单
<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调用有所不同，但是我现在评论是这样，所以实际上可以看到发生了什么。我不明白为什么我的新表单脚本会继续运行并给我错误
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调用击中。
我还提供了“编辑”表单脚本，所以我解释了我想做什么
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);
}
上面的代码目前已被注释掉，但这是我以后要做的事情。
任何解决方案或更好的方法，在此先感谢。
答案 0 :(得分：0)
经过大量的努力和我的同伴的帮助，他们实际上知道J Query的工作原理！他只是解释说我的脚本做错了工作。我们必须操纵它。
因此，我们对此进行了研究，并做出以下决定：打开新页面以进行报价时，我们只需要发送一次请求，然后使用“编辑”表单然后在“编辑页面”中呈现整个页面。我们为自动保存功能
编写了实际脚本所以，我正在解释新的表单脚本
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",
});
}
此脚本正在执行的操作是检查一些验证 字段，然后将发布请求发送到控制器 将对象插入数据库后，渲染渲染表单，或者更好地说 保留记录后。
在呈现单词“编辑页面”后，我们在其中编写了一个脚本，以在间隔一段时间后更新对象
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);
}
}
因此，此方法非常有用，并且可以完全正常工作的自动保存 表单功能，可以在任何类型的对象上实现。谢谢！
总是欢迎任何更优化的技术和更好的解决方案！