我想創建一個動態表單，使用jquery和ajax添加和刪除字段。但不幸的是，我的插入按鈕據說去插入.php不起作用。當我點擊插入按鈕時，什么也沒發生。當插入按鈕單擊時，它將被重定向到插入.php數據存儲在數據庫中。這是我的編碼中繼器.js jQuery.fn.extend({ createRepeater: function (options = {}) { var hasOption = function (optionKey) { return options.hasOwnProperty(optionKey); }; var option = function (optionKey) { return options[optionKey]; }; var generateId = function (string) { return string .replace(/\[/g, '_') .replace(/\]/g, '') .toLowerCase(); }; var addItem = function (items, key, fresh = true) { var itemContent = items; var group = itemContent.data("group"); var item = itemContent; var input = item.find('input,select'); input.each(function (index, el) { var attrName = $(el).data('name'); var skipName = $(el).data('skip-name'); if (skipName != true) { $(el).attr("name", group + "[" + key + "]" + "[" + attrName + "]"); } else { if (attrName != 'undefined') { $(el).attr("name", attrName); } } if (fresh == true) { $(el).attr('value', ''); } $(el).attr('id', generateId($(el).attr('name'))); $(el).parent().find('label').attr('for', generateId($(el).attr('name'))); })
4 回答
互換的青春
TA貢獻1797條經驗 獲得超6個贊
您只需將提交按鈕類型更改為按鈕
<input type="submit" name="insert" class="btn btn-success" value="insert" />
change to
<input type="button" id="submit" name="insert" class="btn btn-success" value="insert" />
和事件必須點擊而不是提交
$('#repeater_form').on('submit', function(event){}
change to
$('#submit').on('click', function(event){}
所以頁面不會重定向，數據后拋出ajax。
繁星點點滴滴
TA貢獻1803條經驗 獲得超3個贊
首先在 insert 中.php如果發布了“name”參數，則代碼將運行，而在索引.php表單中沒有名稱為“name”的字段。
因此，當您使用當前表單發布時.php插入文件不會顯示任何結果
作為提醒，您忘記了$，插入.php和索引之間存在數據庫差異.php
connect = new PDO("mysql:host=localhost;dbname=testing", "root", "");
應該是
$connect = new PDO("mysql:host=localhost;dbname=icompex", "root", "bptm2012");
在ajax中，您最好添加錯誤處理，以便您可以在控制臺瀏覽器中看到錯誤信息
$.ajax({
url:"insert.php",
method:"POST",
data:$(this).serialize(),
success:function(data)
{
$('#repeater_form')[0].reset();
$("#repeater").createRepeater();
$('#success_result').html(data);
/*setInterval(function(){
location.reload();
}, 3000);*/
},
// like this
error : function(err){
console.log(err);
}
});
- 4 回答
- 0 關注
- 157 瀏覽
添加回答
舉報
0/150
提交
取消