首頁猿問 jQuery提交表單，然后在現有的...

jQuery提交表單，然后在現有的div中顯示結果

JavaScript JQuery Html/CSS

千巷貓影 2019-12-25 10:45:26

我有一個簡單的文本輸入表單，提交時需要獲取一個php文件（將輸入傳遞給文件），然后將結果（僅一行文本）放入a div并將其淡入div視圖。這是我現在所擁有的：<form id=create method=POST action=create.php><input type=text name=url><input type="submit" value="Create" /> <div id=created></div>我需要的是create.php?url=INPUT要動態加載到被div調用中的結果created。我有jquery表單腳本，但是我無法使其正常工作。但是我確實加載了庫（文件）。

查看完整描述

3 回答

慕仙森

TA貢獻1827條經驗獲得超8個贊

此代碼應該做到這一點。您不需要像以下這樣簡單的表單插件：

$('#create').submit(function() { // catch the form's submit event

$.ajax({ // create an AJAX call...

data: $(this).serialize(), // get the form data

type: $(this).attr('method'), // GET or POST

url: $(this).attr('action'), // the file to call

success: function(response) { // on success..

$('#created').html(response); // update the DIV

}

});

return false; // cancel original event to prevent form submitting

});

反對回復 2019-12-25

慕妹3146593

TA貢獻1820條經驗獲得超9個贊

這也適用于文件上傳

$(document).on("submit", "form", function(event)

{

event.preventDefault();

var url=$(this).attr("action");

$.ajax({

url: url,

type: 'POST',

dataType: "JSON",

data: new FormData(this),

processData: false,

contentType: false,

success: function (data, status)

{

$('#created').html(data); //content loads here

error: function (xhr, desc, err)

{

console.log("error");

}

});

反對回復 2019-12-25

UYOU

TA貢獻1878條經驗獲得超4個贊

如果您不希望刷新頁面，則必須使用AJAX發布表單。

$('#create').submit(function () {

$.post('create.php', $('#create').serialize(), function (data, textStatus) {

$('#created').append(data);

});

return false;

});

反對回復 2019-12-25

3 回答
0 關注
844 瀏覽

關注

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

jQuery提交表單，然后在現有的div中顯示結果

jQuery提交表單，然后在現有的div中顯示結果

3 回答

相關問題推薦

添加回答

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

jQuery提交表單，然后在現有的div中顯示結果

jQuery提交表單，然后在現有的div中顯示結果

3 回答

相關問題推薦

添加回答

jQuery提交表單，然后在現有的div中顯示結果

jQuery提交表單，然后在現有的div中顯示結果