ajax可以不带参数适用吗,jQuery.ajax在URL中放入不需要的参数

本文探讨了如何在使用jQuery的$.ajax发送POST请求时,避免URL参数在页面刷新时显示的问题。作者分享了HTML表单和AJAX代码,并解释了为何请求类型为POST会导致参数暴露,以及如何正确实现异步后台操作以保持页面整洁。
摘要由CSDN通过智能技术生成

我正在使用$.ajax来插入和更新数据库。我在网页上

和$.ajax看起来是这样的:jQuery.ajax在URL中放入不需要的参数

$('.submit-create-customer').on('click touchstart', function() {

var first_name = $('#first_name').val();

var last_name = $('#last_name').val();

var email = $('#email').val();

var confirm_email = $('#confirm_email').val();

var phone = $('#phone').val();

var address = $('#address').val();

var address_2 = $('#address_2').val();

var city = $('#city').val();

var state = $('#state').val();

var zipcode = $('#zipcode').val();

var formData = "first_name=" + first_name + "&last_name=" + last_name + "&email=" + email + "&confirm_email=" + confirm_email + "&phone=" + phone + "&address=" + address + "&address_2=" + address_2 + "&city=" + city + "&state=" + state + "&zipcode=" + zipcode;

$.ajax({ // Start the PHP submission

url : "/resources/submit.php?action=createCustomer",

type: "POST",

data : formData,

success: function(data, textStatus, jqXHR) { //data - response from server

alert('success');

},

error: function(data, textStatus, jqXHR) {

alert('failure');

}

});

});

HTML:

State

Alabama

Alaska

Wisconsin

Wyoming

Submit

的URL返回要么true或false。获得警报后,我发出请求的网页重新加载了一堆URL参数。它看起来是这样的:

/customers.php?first_name=Trevor&last_name=Hutto&email=this%40that.com&confirm_email=this%40that.com&phone=1234567891&address=1234+Memory+Lane&address_2=Apt.+1131&city=New+York&state=NY&zipcode=12345

为什么当我宣布请求type为POST出现这种情况?另外,AJAX的要点不是异步的,并且在后台发出请求?为什么页面重新加载?

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值