【发布时间】：2017-06-03 14:43:55
【问题描述】：
我很难集成 AJAX 调用来填充我的表单。我不知道我的格式是否正确，以及我应该使用什么来填写表单上的 JSON 数据。任何帮助深表感谢。
最终目标是能够单击复选框以在表单中填充新联系人的地址。我希望能够使用与他们所属的客户相同的地址填充地址。
我查看了使用 AJAX 将发货表单地址填充为与帐单表单地址相同的示例，但这对我不起作用，因为我在页面上没有两种地址表单。
这是新联系人查看页面的一部分：
<div class='row'>
<div class='col-sm-6 col-sm-offset-2'>
<p>Address Same as Customer <input id="same_customer_address" name="accept" type="checkbox" value="1" /></p>
</div>
</div>
<%= f.fields_for :address do |address| %>
<div class="form-group">
<%= address.label :line1, class: "col-sm-2 control-label" %>
<div class="col-sm-6">
<%= address.text_field :line1,class: "form-control", id: 'line1'%>
</div>
</div>
<div class="form-group">
<%= address.label :line2, class: "col-sm-2 control-label" %>
<div class="col-sm-6">
<%= address.text_field :line2,class: "form-control", id: 'line2'%>
</div>
</div>
<div class="form-group">
<%= address.label :city, class: "col-sm-2 control-label" %>
<div class="col-sm-6">
<%= address.text_field :city,class: "form-control", id: 'city' %>
</div>
</div>
<div class="form-group">
<%= address.label :state, class: "col-sm-2 control-label" %>
<div class="col-sm-6">
<%= address.text_field :state,class: "form-control", id: 'state' %>
</div>
</div>
<div class="form-group">
<%= address.label :zip, class: "col-sm-2 control-label", id: 'zip' %>
<div class="col-sm-6">
<%= address.text_field :zip,class: "form-control" %>
</div>
</div>
<% end %>
Customer
has_many :contacts
belongs_to :address
Contact
belongs_to :address
belongs_to :customer
Contacts Controller
def new
authorize Contact
@contact = @customer.contacts.new
@contact.build_address
phone_types = ['Cell','Work','Home']
3.times { @contact.phones.build(phone_type: phone_types.shift) }
@contact_types = @@contact_types
# authorize @customer
end
def same_as_customer
@customer = Customer.find(params[:id])
respond_to do |format|
format.html
format.json { render json: @customer }
end
end
private
# Use callbacks to share common setup or constraints between actions.
def set_customer
@customer = Customer.find(params[:id])
end
def set_contact
@contact = Contact.find(params[:contact_id])
end
# Never trust parameters from the scary internet, only allow the white list through.
def contact_params
params.require(:contact).permit(:first_name, :last_name, :email, :email_sec, :title, :contact_type,
address_attributes: [ :line1, :line2, :city, :state, :zip, :id ],
phones_attributes: [ :phone_type, :number, :id ])
end
end
$('#same_customer_address').click(function() {
var customer_address;
$.ajax({
type: 'GET',
url: "/contacts/same_as_customer",
datatype: "json",
data: { line1: line1,
line2: line2,
city: city,
state: state,
zip: zip },
success: function(data){
customer_address = data;
}
});
if ($("#same_customer_address").is(':checked')) {
console.log("customer address is filled");
$('#line1').val("customer_address.line1").val();
$('#line2').val("customer_address.line2").val();
$('#city').val("customer_address.city").val();
$('#state').val("customer_address.state").val();
$('#zip').val("customer_address.zip").val();
} else{
console.log("field is empty");
$('#line1').val("");
$('#line2').val("");
$('#city').val("");
$('#state').val("");
$('#zip').val("");
};
});
【问题讨论】：
-
错误是什么？
-
现在我收到 Uncaught RangeError: Maximum call stack size exceeded in console。我不相信我的 ajax 调用正确或接收数据的表单正确。
-
您的应用程序中的联系人是否类似于订单？
-
联系人是为客户工作的人。就像企业和他们的员工一样。这是一个任务应用程序。
标签： jquery ruby-on-rails json ajax