asp.net mvc ajax 读取服务器两种方式实例以及 ajax post方式检测用户名是否可用实例
<!DOCTYPE html>
<html>
<head>
<title>Ajax测试</title>
<script src="/Scripts/jquery-1.7.1.min.js"></script>
</head>
<body>
<div>
<h2>Ajax测试</h2>
<ul id="testlist"></ul>
<input value="点击显示服务器数据列表(拼的html)" type="button" onclick="showStrHTML()" />
<input value="点击显示服务器数据列表(直接展示HTML)" type="button" onclick="showHTML()" />
<script type="text/javascript">
//输出字符串的Ajax形式
function showStrHTML()
{
var postdata = null;//$("#cmtForm").serialize();
var posturl = '@(Url.Action("_ShowStrHTML","Ajax"))';//这里直接写成地址也可以
$.ajax({
type: "GET", url: posturl, data: postdata, cache: false, success: function (data) {
$("#testlist").html(data);
}
});
}
//输出HTML的格式
function showHTML() {
var postdata = null;//$("#cmtForm").serialize();
var posturl = '@(Url.Action("_ShowPageHTML","Ajax"))';//这里直接写成地址也可以
$.ajax({
type: "GET", url: posturl, data: postdata, cache: false, success: function (data) {
$("#testlist").html(data);
}
});
}
</script>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Ajax Post数据至服务器</title>
<script src="/Scripts/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
//输出HTML的格式
function CheckUserName() {
var postdata = "username=" $("#txtname").val();//$("#cmtForm").serialize();
var posturl = '@(Url.Action("_DoData","Ajax"))';//这里直接写成地址也可以
$.ajax({
type: "POST", url: posturl, data: postdata, cache: false, success: function (data) {
alert(data);
}
});
}
</script>
</head>
<body>
<div>
检测用户名是否可用:<input type="text" id="txtname" /><input type="button" value="检测用户名是否可用" onclick="CheckUserName();" />
</div>
</body>
</html>
public class AjaxController : Controller
{
//
// GET: /Ajax/
public ActionResult _ShowStrHTML()
{
string strHTML = "";
for (int k = 1; k <= 10; k )
{
strHTML ="<li>【" k.ToString() "】这是拼的HTML" DateTime.Now.ToString("yyyy-MM-dd HH:mm ss") "</li>";
}
return Content(strHTML);
}
public ActionResult _ShowPageHTML()
{
List<string> list = new List<string>();
for (int k = 1; k <= 10; k )
{
list.Add("【" k.ToString() "】这是从页面中读取的HTML" DateTime.Now.ToString("yyyy-MM-dd HH:mm ss") "");
}
return View(list);
}
[HttpPost]
public ActionResult _DoData(string username)
{
return Content(username "可以使用,当前服务器时间是:" DateTime.Now.ToString("yyyy-MM-dd HH:mm ss"));
}
}
资源文件列表
AjaxMvcDemo.sln , 923
AjaxMvcDemo/AjaxMvcDemo.csproj , 14145
AjaxMvcDemo/AjaxMvcDemo.csproj.user , 1087
AjaxMvcDemo/bin/AjaxMvcDemo.dll , 8192
AjaxMvcDemo/bin/AjaxMvcDemo.pdb , 15872
AjaxMvcDemo/bin/EntityFramework.dll , 1118296
AjaxMvcDemo/bin/EntityFramework.xml , 1142742
AjaxMvcDemo/bin/Microsoft.Web.Infrastructure.dll , 45416
AjaxMvcDemo/bin/System.Web.Helpers.dll , 130408
AjaxMvcDemo/bin/System.Web.Helpers.xml , 48745
AjaxMvcDemo/bin/System.Web.Mvc.dll , 445280
AjaxMvcDemo/bin/System.Web.Mvc.xml , 777665
AjaxMvcDemo/bin/System.Web.Providers.dll , 270928
AjaxMvcDemo/bin/System.Web.Razor.dll , 178536
AjaxMvcDemo/bin/System.Web.Razor.xml , 90485
AjaxMvcDemo/bin/System.Web.WebPages.Deployment.dll , 25960
AjaxMvcDemo/bin/System.Web.WebPages.Deployment.xml , 967
AjaxMvcDemo/bin/System.Web.WebPages.dll , 136552
AjaxMvcDemo/bin/System.Web.WebPages.Razor.dll , 37224
AjaxMvcDemo/bin/System.Web.WebPages.Razor.xml , 6890
AjaxMvcDemo/bin/System.Web.WebPages.xml , 70721
AjaxMvcDemo/bin/zh-Hans/EntityFramework.resources.dll , 71256
AjaxMvcDemo/bin/zh-Hans/System.Web.Providers.resources.dll , 15952
AjaxMvcDemo/Content/Site.css , 1054
AjaxMvcDemo/Content/themes/base/images/ui-bg_flat_0_aaaaaa_40x100.png , 180
AjaxMvcDemo/Content/themes/base/images/ui-bg_flat_75_ffffff_40x100.png , 178
AjaxMvcDemo/Content/themes/base/images/ui-bg_glass_55_fbf9ee_1x400.png , 120
AjaxMvcDemo/Content/themes/base/images/ui-bg_glass_65_ffffff_1x400.png , 105
AjaxMvcDemo/Content/themes/base/images/ui-bg_glass_75_dadada_1x400.png , 111
AjaxMvcDemo/Content/themes/base/images/ui-bg_glass_75_e6e6e6_1x400.png , 110
AjaxMvcDemo/Content/themes/base/images/ui-bg_glass_95_fef1ec_1x400.png , 119
AjaxMvcDemo/Content/themes/base/images/ui-bg_highlight-soft_75_cccccc_1x100.png , 101
AjaxMvcDemo/Content/themes/base/images/ui-icons_222222_256x240.png , 4369
AjaxMvcDemo/Content/themes/base/images/ui-icons_2e83ff_256x240.png , 4369
AjaxMvcDemo/Content/themes/base/images/ui-icons_454545_256x240.png , 4369
AjaxMvcDemo/Content/themes/base/images/ui-icons_888888_256x240.png , 4369
AjaxMvcDemo/Content/themes/base/images/ui-icons_cd0a0a_256x240.png , 4369
AjaxMvcDemo/Content/themes/base/jquery-ui.css , 31883
AjaxMvcDemo/Content/themes/base/jquery.ui.accordion.css , 1063
AjaxMvcDemo/Content/themes/base/jquery.ui.all.css , 280
AjaxMvcDemo/Content/themes/base/jquery.ui.autocomplete.css , 1116
AjaxMvcDemo/Content/themes/base/jquery.ui.base.css , 658
AjaxMvcDemo/Content/themes/base/jquery.ui.button.css , 2487
AjaxMvcDemo/Content/themes/base/jquery.ui.core.css , 1333
AjaxMvcDemo/Content/themes/base/jquery.ui.datepicker.css , 4106
AjaxMvcDemo/Content/themes/base/jquery.ui.dialog.css , 1357
AjaxMvcDemo/Content/themes/base/jquery.ui.progressbar.css , 363
AjaxMvcDemo/Content/themes/base/jquery.ui.resizable.css , 1154
AjaxMvcDemo/Content/themes/base/jquery.ui.selectable.css , 311
AjaxMvcDemo/Content/themes/base/jquery.ui.slider.css , 1141
AjaxMvcDemo/Content/themes/base/jquery.ui.tabs.css , 1379
AjaxMvcDemo/Content/themes/base/jquery.ui.theme.css , 18344
AjaxMvcDemo/Content/themes/base/minified/images/ui-bg_flat_0_aaaaaa_40x100.png , 180
AjaxMvcDemo/Content/themes/base/minified/images/ui-bg_flat_75_ffffff_40x100.png , 178
AjaxMvcDemo/Content/themes/base/minified/images/ui-bg_glass_55_fbf9ee_1x400.png , 120
AjaxMvcDemo/Content/themes/base/minified/images/ui-bg_glass_65_ffffff_1x400.png , 105
AjaxMvcDemo/Content/themes/base/minified/images/ui-bg_glass_75_dadada_1x400.png , 111
AjaxMvcDemo/Content/themes/base/minified/images/ui-bg_glass_75_e6e6e6_1x400.png , 110
AjaxMvcDemo/Content/themes/base/minified/images/ui-bg_glass_95_fef1ec_1x400.png , 119
AjaxMvcDemo/Content/themes/base/minified/images/ui-bg_highlight-soft_75_cccccc_1x100.png , 101
AjaxMvcDemo/Content/themes/base/minified/images/ui-icons_222222_256x240.png , 4369
AjaxMvcDemo/Content/themes/base/minified/images/ui-icons_2e83ff_256x240.png , 4369
AjaxMvcDemo/Content/themes/base/minified/images/ui-icons_454545_256x240.png , 4369
AjaxMvcDemo/Content/themes/base/minified/images/ui-icons_888888_256x240.png , 4369
AjaxMvcDemo/Content/themes/base/minified/images/ui-icons_cd0a0a_256x240.png , 4369
AjaxMvcDemo/Content/themes/base/minified/jquery-ui.min.css , 24781
AjaxMvcDemo/Content/themes/base/minified/jquery.ui.accordion.min.css , 867
AjaxMvcDemo/Content/themes/base/minified/jquery.ui.autocomplete.min.css , 652
AjaxMvcDemo/Content/themes/base/minified/jquery.ui.button.min.css , 1867
AjaxMvcDemo/Content/themes/base/minified/jquery.ui.core.min.css , 864
AjaxMvcDemo/Content/themes/base/minified/jquery.ui.datepicker.min.css , 3385
AjaxMvcDemo/Content/themes/base/minified/jquery.ui.dialog.min.css , 1165
AjaxMvcDemo/Content/themes/base/minified/jquery.ui.progressbar.min.css , 288
AjaxMvcDemo/Content/themes/base/minified/jquery.ui.resizable.min.css , 955
AjaxMvcDemo/Content/themes/base/minified/jquery.ui.selectable.min.css , 242
AjaxMvcDemo/Content/themes/base/minified/jquery.ui.slider.min.css , 961
AjaxMvcDemo/Content/themes/base/minified/jquery.ui.tabs.min.css , 951
AjaxMvcDemo/Content/themes/base/minified/jquery.ui.theme.min.css , 14124
AjaxMvcDemo/Controllers/AjaxController.cs , 1189
AjaxMvcDemo/Controllers/HomeController.cs , 433
AjaxMvcDemo/Global.asax , 103
AjaxMvcDemo/Global.asax.cs , 1490
AjaxMvcDemo/obj/Debug/AjaxMvcDemo.csproj.FileListAbsolute.txt , 1527
AjaxMvcDemo/obj/Debug/AjaxMvcDemo.dll , 8192
AjaxMvcDemo/obj/Debug/AjaxMvcDemo.pdb , 15872
AjaxMvcDemo/obj/Debug/DesignTimeResolveAssemblyReferences.cache , 20515
AjaxMvcDemo/obj/Debug/DesignTimeResolveAssemblyReferencesInput.cache , 16575
AjaxMvcDemo/packages.config , 1467
AjaxMvcDemo/Properties/AssemblyInfo.cs , 1342
AjaxMvcDemo/Scripts/jquery-1.7.1.intellisense.js , 153092
AjaxMvcDemo/Scripts/jquery-1.7.1.js , 257476
AjaxMvcDemo/Scripts/jquery-1.7.1.min.js , 93871
AjaxMvcDemo/Scripts/jquery-ui-1.8.20.js , 381705
AjaxMvcDemo/Scripts/jquery-ui-1.8.20.min.js , 202411
AjaxMvcDemo/Scripts/jquery.unobtrusive-ajax.js , 5811
AjaxMvcDemo/Scripts/jquery.unobtrusive-ajax.min.js , 2745
AjaxMvcDemo/Scripts/jquery.validate-vsdoc.js , 43913
AjaxMvcDemo/Scripts/jquery.validate.js , 39382
AjaxMvcDemo/Scripts/jquery.validate.min.js , 21577
AjaxMvcDemo/Scripts/jquery.validate.unobtrusive.js , 14502
AjaxMvcDemo/Scripts/jquery.validate.unobtrusive.min.js , 3844
AjaxMvcDemo/Scripts/MicrosoftAjax.debug.js , 316486
AjaxMvcDemo/Scripts/MicrosoftAjax.js , 101089
AjaxMvcDemo/Scripts/MicrosoftMvcAjax.debug.js , 15302
AjaxMvcDemo/Scripts/MicrosoftMvcAjax.js , 5876
AjaxMvcDemo/Scripts/MicrosoftMvcValidation.debug.js , 37804
AjaxMvcDemo/Scripts/MicrosoftMvcValidation.js , 13524
AjaxMvcDemo/Scripts/modernizr-2.5.3.js , 49387
AjaxMvcDemo/test.html , 356
AjaxMvcDemo/Views/Ajax/_ShowPageHTML.cshtml , 108
AjaxMvcDemo/Views/Home/Index.cshtml , 1542
AjaxMvcDemo/Views/Home/Post.cshtml , 1032
AjaxMvcDemo/Views/Shared/Error.cshtml , 265
AjaxMvcDemo/Views/Shared/_Layout.cshtml , 314
AjaxMvcDemo/Views/Web.config , 2840
AjaxMvcDemo/Views/_ViewStart.cshtml , 55
AjaxMvcDemo/Web.config , 4150
AjaxMvcDemo/Web.Debug.config , 1240
AjaxMvcDemo/Web.Release.config , 1301
