asp.net mvc 使用Ajax调用Action 返回数据。alert /modal VB

来源：互联网发布：网络作家排行榜前十名编辑：程序博客网时间：2024/06/16 18:18

ｃ层；

Public Function aaa() As String
Return "OKOKOK"
End Function

Public Function bbb(ByVal parVal As String) As String
Return "OKOKOK" & parVal
End Function

view‘’

@ModelType IEnumerable(Of MVCTEST.TestTable)
@Code
Layout = Nothing
End Code
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>

<link href="~/Content/bootstrap.min.css" rel="stylesheet" />
<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/Scripts/bootstrap.min.js"></script>
@*<script src="~/Scripts/bootstrap.js"></script>*@
</head>
<body>

<div id="myAlert" class="alert alert-danger hidden">
<button type="button" class="close" onclick="$('#myAlert').hide();"
aria-hidden="true">
×
</button>
错误！请进行一些更改。
</div>

<script type="text/javascript">
$(function () {
$("#myAlert").bind('closed.bs.alert', function () {
//alert("警告消息框被关闭。");
});
});
</script>

<p>
@Html.ActionLink("新　　規", "Create")
</p>


<button class="btn btn-primary btn-lg" data-toggle="modal"
data-target="#myModal">
开始演示模态框
</button>
<button id="btnGetVal">
取得字符串
</button>

<button id="btnGetValbyParVal">
通过参数取得字符串
</button>


<script type="text/javascript">
//function aa()
//{
// alert("点击提交更改按钮啦");

// $.ajax({
// type: "POST",
// url: "/TestTables/aaa",
// data: "id=3",// + $("#text1").val(),
// //success: function () {
// // alert("添加成功！");
// //}
// });

// $('#myModal').modal('hide')
//}
$(document).ready(function () {
$("#btnGetVal").click(function () {
$.ajax({
type: "POST",
url: "/TestTables/aaa",
data: "",
success: function (sesponseTest) {
//$("#txt1").val(sesponseTest);
alert(sesponseTest);'取得的数据
$("#myAlert").attr("class", "alert alert-danger");'关闭alert
$('#myAlert').show();'关闭alert

}
});
});

$("#btnGetValbyParVal").click(function () {
$.ajax({
type: "POST",
url: "/TestTables/bbb",
data: "parVal=好",
success: function (sesponseTest) {
//$("#txt1").val(sesponseTest);
alert(sesponseTest);
}
});
});
});

</script>



<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel" data-backdrop="static" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close"
data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 class="modal-title" id="myModalLabel">
模态框（Modal）标题
</h4>
</div>
<div class="modal-body">
在这里添加一些文本
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default"
data-dismiss="modal">
关闭
</button>
<button type="button" id="submitbtn" class="btn btn-primary" onclick="aa()" >
提交更改
</button>
</div>
</div>
</div>
</div>

<table class="table">
<tr>
<th>
@*@Html.DisplayNameFor(Function(model) model.itemName)*@
@Html.DisplayName("項目名")
</th>
<th>
@*@Html.DisplayNameFor(Function(model) model.itemStr)*@
@Html.DisplayName("項目内容")
</th>
<th>
@*@Html.DisplayNameFor(Function(model) model.itemDec)*@
@Html.DisplayName("小数項目")
</th>
<th>
@*@Html.DisplayNameFor(Function(model) model.itemInt)*@
@Html.DisplayName("整数項目")
</th>
<th>
@*@Html.DisplayNameFor(Function(model) model.itemFlg)*@
@Html.DisplayName("RadioButtonフラグ")
</th>
<th>
@Html.DisplayName("日付")
</th>
<th>
@Html.DisplayName("操　　作")
</th>
</tr>

@For Each item In Model
@<tr>
<td>
@Html.DisplayFor(Function(modelItem) item.itemName)
</td>
<td>
@Html.DisplayFor(Function(modelItem) item.itemStr)
</td>
<td>
@Html.DisplayFor(Function(modelItem) item.itemDec)
</td>
<td>
@Html.DisplayFor(Function(modelItem) item.itemInt)
</td>
<td>
@Html.DisplayFor(Function(modelItem) item.itemFlg)
</td>
<td>
@Html.DisplayFor(Function(modelItem) item.itemDateTime)
</td>
<td>
@Html.ActionLink("変更", "Edit", New With {.id = item.id, .itemFlg = item.itemFlg}) |

@Html.ActionLink("詳細", "Details", New With {.id = item.id}) |
@Html.ActionLink("削除", "Delete", New With {.id = item.id})
</td>
</tr>
Next

</table>
</body>
</html>

0 0