无法使用jQuery访问Ajax加载的数据内的表单数据

Question

我有一个动态的ajax加载形式，如下所示：

<form id="ProtocolForm">
<input id="name_major" type="text" value="some value">
<input id="name_minor" type="text" value="some value">
<input id="Submit" type="submit" value="Submit Protocol">
</form>

在加载ajax内容的主页中，我具有以下功能：

$(document).on( "submit", "#ProtocolForm", function( event ) {
event.preventDefault();
alert('submit intercepted:' + $( this ).serialize() );
});

我的问题是我似乎无法从此函数内部访问实际的表单数据。该函数被适当地调用，但是$（this）.serialize（）和$（“ ProtocolForm”）。serialize（）都为空。

任何帮助将不胜感激。 谢谢！

Answer 1

您的问题与动态内容无关。您正确使用了委派。

但是sed依靠.serialize()属性来收集表单数据...只需添加它们即可。

;）