我正在尝试创建一个简单的 ASP.NET 站点,该站点将使用JQuery 提供的offset
or函数通过按钮的方法将元素的坐标传递给后面的 ASP.NET 代码。position
<div>
OnClick
我已经搜索并找到了这个例子,但它似乎没有按预期工作,点击后没有返回坐标。
如何获取给定<div>
元素的坐标并将其传递给 ASP.NET 按钮的OnClick
方法?
第 1 部分
要获取元素的位置,您可以使用offset()或position()
小提琴:http: //jsfiddle.net/XFfLP/
function test() {
var p = $("#testID");
var position = p.offset();//p.position()
$("#Field1").val(position.top);
$("#Field2").val(position.left);
}
第 2 部分
要将数据从页面传递到服务器代码隐藏,您可以使用Web-Methods
文章: http: //blog.nitinsawant.com/2011/09/draft-sending-client-side-variables-to.html
1. Web-Method示例代码:
[System.Web.Services.WebMethod]
public static string AcceptData(object jsonData)
{
Customer newCust =(Customer)JsonConvert.DeserializeObject(jsonData.ToString(),typeof(Customer));
return "Server response: Hello "+newCust.FirstName;
}
2.JS示例代码:
var newCustomer = {
"FirstName": $("#txtFirstName").val(),
"LastName": $("#txtLastName").val(),
"Telephone": $("#txtTelephone").val()
}
var jsonData = "{'jsonData':'" + JSON.stringify(newCustomer) + "'}";//create string representation of the js object
//post data to server
$.ajax({
type: "POST",
url: 'Test.aspx/AcceptData',
data: jsonData,
contentType: "application/json; charset=utf-8",
dataType: ($.browser.msie) ? "text" : "json",
success: function(msg) {
//call successfull
var obj = msg.parseJSON();
alert(obj.d); //d is data returned from web services
//The result is wrapped inside .d object as its prevents direct execution of string as a script
},
error: function(xhr, status, error) {
//error occurred
alert(xhr.responseText);
}
});