HTML到ASP.net通过JSON通信
HTML to ASP.net Communication through JSON
以下是我的html代码和c#代码。问题是我不能让这些东西工作
——html代码
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title></title>
<link rel="shortcut icon" type="img/ico" href="Images/favicon.ico"/>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script type="text/javascript">
$("#btn_login").live("click", function () {
var GetLogDet = {};
GetLogDet.username = document.getElementById('password').value;
GetLogDet.password = document.getElementById('password').value;
$.ajax({
type: 'POST',
url: 'Login.cs/GetLogDet',
data: "{GetLogDet:" + JSON.stringify(GetLogDet) + "}",
contentType: 'application/json; charset=utf-8',
dataType: 'json',
success: function (r) {
alert(r.d.username);
alert(r.d.password);
}
});
});
</script>
<script>
$(function() {
$( "#dialog" ).dialog();
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="dialog" title= " Login" >
<div>
<table>
<tr>
<td><img src="Images/pics.gif"/></td>
<td><input type="text" id="username" name="uname"></td>
</tr>
<tr>
<td><img src="Images/pics2.gif" /></td>
<td><input type="password" id="password" name="pwrd"></td>
</tr>
<tr>
<td></td>
<td align="right"><input type="button" id="btn_login" class="login" value=">" onclick="searchKeyPress()"></td>
</tr>
</table>
</div>
<div>
</div>
</div>
</form>
</body>
</html>
我的c#代码是
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
public partial class _Default : System.Web.UI.Page
{
[System.Web.Services.WebMethod]
public static Login GetLogDet(Login Logindet)
{
return Logindet;
}
}
public class Login
{
String username, password;
public String Username
{
get
{
return username;
}
set
{
username = value;
}
}
public String Password
{
get
{
return password;
}
set
{
password = value;
}
}
}
您需要在document.ready()
中包装代码。
同时使用.on()
代替.live()
,因为.live
已被弃用。
$(function()
{
$( "#dialog" ).dialog();
$("#btn_login").on("click", function ()
{
var GetLogDet = {};
GetLogDet.username = document.getElementById('password').value;
GetLogDet.password = document.getElementById('password').value;
$.ajax(
{
type: 'POST',
url: 'Login.cs/GetLogDet',
data: "{GetLogDet:" + JSON.stringify(GetLogDet) + "}",
contentType: 'application/json; charset=utf-8',
dataType: 'json',
success: function (r)
{
alert(r.d.username);
alert(r.d.password);
}
});
});
});
btn_login被限定为在页面完全加载之前点击。应该使用文档。用于绑定此按钮的Ready事件。正如@dipesh所说,使用"on"而不是"live"
相关文章:
- jQuery匹配JSON对象的部分文本
- 在循环中分配json值时,值被覆盖
- 需要帮助设置json数组
- 如何在Javascript中将JSon对象转换为数组
- 我可以在json对象中添加一个函数吗
- 使用JS将数组转换为json对象
- Javascript-如何读取json文件中的列并将其保存在Javascript数组中
- 使用JQuery解析JSON嵌套数组
- 在使用Polymer'加载所有json文件后执行方法;s的核心ajax
- 如何使用json将对象列表从java转换为javascript
- 如何使用 node.js 比较两个 json 数组
- 如何将JSON数据导入我的ejs模板
- 区分JSON中的矩阵和列表列表
- 不显示带有本地json文件数据的谷歌地图脚本
- JSON通信损坏了特殊字符
- AngularJS:尝试使用json进行跨域通信
- JSON跨域通信与PHP文件和本地javascript文件
- HTML到ASP.net通过JSON通信
- JSON Javascript到Flash通信问题(与ExternalInterface):硬编码字符串工作,否则它不&
- 试图让JQuery Post与WCF通信,但JSON数据不被接受