jquery - 使用参数在 jQuery 中调用 Webmethod
问题描述
我有一个 webMethod,它接受来自服务器会话用户 ID 会话的参数
[WebMethod]
public void getNotificationList(string userID)
{
JavaScriptSerializer js = new JavaScriptSerializer();
Context.Response.Write(js.Serialize(t.std_notification_get_list(int.Parse(userID))));
}
}
我想从 jQuery 脚本调用这个 Web 方法并将数据填充到 HTML 表格中
<table id="data-table-combine" class="table table-striped table-bordered">
<thead>
<tr>
<th class="text-nowrap">Message</th>
<th class="text-nowrap">User From</th>
<th class="text-nowrap">User To</th>
<th class="text-nowrap">Date</th>
<th class="text-nowrap">Action</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
脚本是:
<script>
$(document).ready(function () {
showTableData();
//$('#submit').click(function () {
// showTableData();
// var var_name = ('#name');
// alert(var_name.valueOf());
//});
});
var showTableData = function ()
{
var sValue = '<%=HttpContext.Current.Session["userID"]%>';
$.ajax({
dataType: "json",
method: "post",
url: 'UserService.asmx/getNotificationList',
data: JSON.stringify({ userID: sValue }),
success: function (response) {
var userTable = $('#data-table-combine tbody');
userTable.empty();
$(response).each(function (index, duser) {
alert("UserID : " + sValue + ", Message: " + duser.Message);
var var_message = (duser.Message == null) ? '' : duser.Message;
var var_user_from = (duser.User_From == null) ? '' : duser.User_From;
var var_user_to = (duser.User_To == null) ? '' : duser.User_To;
var var_action = (duser.Action == null) ? '' : duser.Action;
var var_date = (duser.Date == null) ? '' : duser.Date;
userTable.append('<tr class="gradeA"><td>' +
var_Message + '</td><td>' + var_user_from + '</td><td>' + var_user_to +
'</td><td>' + var_action + '</td><td>' + var_date + '</td></tr>');
});
},
error: function (err) {
//alert(err);
}
});
};
并且当脚本运行时,该表不包含任何值。那么,问题出在哪里??以及如何将参数传递给 jQuery 中的 webMethod ?
解决方案
有几个想法可以尝试:
尝试在 url 前面添加一个斜杠,以便它从根目录开始查找服务:
url: '/UserService.asmx/getNotificationList',
还可以尝试添加 contentType:
contentType: "application/json; charset=utf-8",
编辑:
您正在使用序列化程序,因此返回一个字符串。确保您的方法是静态的。
[WebMethod]
public static string getNotificationList(string userID)
{
JavaScriptSerializer js = new JavaScriptSerializer();
return js.Serialize(t.std_notification_get_list(int.Parse(userID))));
}
从 web 方法返回 json 的重要一点是响应是一个包装器。您的实际数据在 objectd
中。
$(response.d).each(
但是,您返回了一个 JSON字符串,因此要将数据作为对象访问,您必须将其重新转换为对象:
var myData = JSON.parse(response.d);
然后你可以做
$(myData).each(
根据数据的结构方式,您可能需要进行一些调整,例如myData[0].duser
或myData[0].Message
。
推荐阅读
- python - 在 Jupyter Notebook 上使用 Python 创建数据库
- python - 我怎样才能像这样在频域中创建一个平滑版本的高通滤波器
- elasticsearch - 建立新连接失败,Docker-Compose Django + Haystack + Mysql + ElasticSearch
- android-activity - 有些活动显示带有“.kt”,有些则没有
- java - For循环在Java中搜索二维数组返回NullPointerException
- r - 如何对包含空格的数据框列进行算术运算
- python - 对 CSV 文件的列(不包括标题)应用操作并更新最后一行的结果
- c - 与 POSIX AIO 一起使用的文件描述符是否需要在 `open()` 中使用 `O_NONBLOCK` 打开?
- java - setText 方法不更新 JLabel,getText() 返回正确的字符串
- python - 在熊猫数据框中水平移动布尔值