我知道這是舊的,但如何對這樣的事情 - 這是我一般用我的網頁上通過AJAX提交:
$(function() {
@*-- PostAll--*@
$(".postAll").click(function() {
var container = $(this).closest(".postGroup");
var p = {};
container.find("input[type='text'], input[type='radio']:checked, input:checkbox:checked, textarea").each(function (i, e) {
p[$(e).attr("name")] = $(e).val();
});
container.find('select').each(function (i, e) {
p[$(e).attr("name")] = $(e).find('option:checked').val();
});
$.post($(this).data("url"), p, function (data, status) {
//Do Some Notification
})
});
});
我往往有HTML ST ructure爲:
- 內含div所有表格元素
- A按鈕與格內
- 按鈕與鏈接
像這樣一個URL屬性:
<div class="postGroup">
<div class="row">
<div class="col-md-2 col-md-offset-3">
<input type="text" name="myText" />
</div>
<div class="col-md-2">
<input type="radio" name="myRad" value="A1" />
<input type="radio" name="myRad" value="A2" />
<input type="radio" name="myRadTwo" value="A3" />
<input type="radio" name="myRadTwo" value="A4" />
</div>
<div class="col-md-2">
<input type="checkbox" name="mycheck" value="B1" />
<input type="checkbox" name="mycheck" value="B2" />
<input type="checkbox" name="mycheckTwo" value="B3" />
<input type="checkbox" name="mycheckTwo" value="B4" />
</div>
<div class="col-md-2">
<select name="mySelect">
<option value="S1">Select 1</option>
<option value="S2">Select 2</option>
<option value="S3">Select 3</option>
<option value="S4">Select 4</option>
</select>
<select name="mySelectTwo">
<option value="R1">Select 1</option>
<option value="R2">Select 2</option>
<option value="R3">Select 3</option>
<option value="R4">Select 4</option>
</select>
</div>
</div>
<button class="postAll" data-url="/MyEndpoint">click</button>
</div>
然後你可以有一個正常的模型來捕捉你需要的東西。不知道這是否是最好的方式,但我使用這一次。
如何使用JSON?我不知道jQuery的序列化數據是否很容易被ASP.NET MVC使用,但是JSON肯定會。 – rsenna 2011-01-26 16:46:31
我找不到一行代碼來做表格 - > JSON。我錯過了什麼嗎?我仍然想知道我的問題的答案,只是FMI。 – 2011-01-26 16:57:53