PHP和Javascript

PHP和Javascript,php,javascript,Php,Javascript,我有一个表单,我想通过PHP提交,提交后我想写一些HTML到浏览器,以便用户有一些反馈。页面上有一系列相同的表单,每个表单都有一个唯一的ID。HTML被写入具有特定ID的类的div中 我的表单上有一个onClick函数,我可以让表单提交或编写HTML,但不能两者兼而有之。我想知道我是否在尝试做两件相互矛盾的事情。以下是JS函数: function requestQuote(id) { $('.' + id + '-quote').html('<div style="line-hei

我有一个表单,我想通过PHP提交,提交后我想写一些HTML到浏览器,以便用户有一些反馈。页面上有一系列相同的表单,每个表单都有一个唯一的ID。HTML被写入具有特定ID的类的div中

我的表单上有一个
onClick
函数,我可以让表单提交或编写HTML,但不能两者兼而有之。我想知道我是否在尝试做两件相互矛盾的事情。以下是JS函数:

function requestQuote(id) {
    $('.' + id + '-quote').html('<div style="line-height:12px; font-size:11px; padding:5px;"><strong>Your quote has been submitted.</strong> A Universal expert will be in touch shortly.</div> <input type="submit" name="" value="Request a Quote" onClick="requestQuote(' + id + ');" id="' + id + '"  />');
    this.form.submit();
}
函数requestQuote(id){
$('.+id+'-quote').html('您的报价已提交。不久将联系环球专家');
这个.form.submit();
}
如果我将表单提交放在HTML之前,则不会执行HTML。我甚至不认为我应该有第二行,但有些地方有冲突。

你必须使用ajax

因为如果你不这样做,一旦表单提交,你就离开了页面,用户无法看到你显示的内容

链接
链接,您必须使用ajax

因为如果你不这样做,一旦表单提交,你就离开了页面,用户无法看到你显示的内容

链接

我相信,

$(this.form.submit()
的链接是正确的语法。如果没有,请按id调用表单。

$(this).form.submit()
我相信是正确的语法。如果没有,请按id调用表单。

您可以使用类似以下内容:

$('input[type=submit]').click(function(){

var id = 'id of your response div';

$.ajax({
type: 'POST',
url: '/url/to/phpscript',
data: $('form').serialize(),
success: function(data){
    $('.' + id + '-quote').html('<div style="line-height:12px; font-size:11px; padding:5px;"><strong>Your quote has been submitted.</strong> A Universal expert will be in touch shortly.</div> <input type="submit" name="" value="Request a Quote" onClick="requestQuote(' + id + ');" id="' + id + '"  />');

}
});
$('input[type=submit]')。单击(function(){
var id='id of your response div';
$.ajax({
键入:“POST”,
url:“/url/to/phpscript”,
数据:$('form')。序列化(),
成功:功能(数据){
$('.+id+'-quote').html('您的报价已提交。不久将联系环球专家');
}
});

您可以使用以下内容:

$('input[type=submit]').click(function(){

var id = 'id of your response div';

$.ajax({
type: 'POST',
url: '/url/to/phpscript',
data: $('form').serialize(),
success: function(data){
    $('.' + id + '-quote').html('<div style="line-height:12px; font-size:11px; padding:5px;"><strong>Your quote has been submitted.</strong> A Universal expert will be in touch shortly.</div> <input type="submit" name="" value="Request a Quote" onClick="requestQuote(' + id + ');" id="' + id + '"  />');

}
});
$('input[type=submit]')。单击(function(){
var id='id of your response div';
$.ajax({
键入:“POST”,
url:“/url/to/phpscript”,
数据:$('form')。序列化(),
成功:功能(数据){
$('.+id+'-quote').html('您的报价已提交。不久将联系环球专家');
}
});

您定义了onclick事件,还是onsubmit事件?可能onsubmit事件更合适。您定义了onclick事件,还是onsubmit事件?可能onsubmit事件更合适。好的。除了我的表单没有提交并删除数据之外,它只是拒绝使用上面的HTML行提交。您能告诉我吗从AJAX开始,或者给我指一个资源?你可以使用jquery的库和AJAX。我在上面添加了一些资源供你使用,没有问题。现在接受关于这个问题和其他问题的一些答案,更多的人会想要帮助^ ^好的。除了我的表单没有提交和删除数据之外,它只是拒绝使用上面的HTML行提交。你能让我开始学习AJAX或者给我指一个资源吗?你可以使用jquery的库和AJAX。我在上面添加了一些资源供你使用没有问题。现在接受关于这个问题和你的其他问题的一些答案,更多的人会想帮助我。^^^$('.+id+'-quote')。html('..')在我看来像jquery。$('.+id+'-quote')。html(“…”)在我看来像jquery。数据是以序列化方式发布的吗?所以我在PHP中使用非序列化来解构它?数据是以序列化方式发布的吗?所以我在PHP中使用非序列化来解构它?