如何调用代码背后的方法在Java脚本中的按钮onclick事件
how to call the code behind method in java script for button onclick event
我想通过javascript/jquery在点击按钮时触发这个方法
这是我的webmethod,
[WebMethod]
public static string haldlescrolling(string name, string address)
{
String str = string.Empty;
httpWebRequest2 = (HttpWebRequest)WebRequest.Create("http://ws.vidlib.com/video/list");
httpWebRequest2.ContentType = "application/json";
httpWebRequest2.Method = "POST";
int start1 = start + 10;
using (var streamWriter = new StreamWriter(httpWebRequest2.GetRequestStream()))
{
int max1 = max + 10;
max = max + 10;
string more = "{'"StartRowIndex'":'"" + start + "'",'"MaximumRows'":'"" + max + "'"}";
// string json2 = js + more;
streamWriter.Write(more);
streamWriter.Flush();
streamWriter.Close();
var httpResponse = (HttpWebResponse)httpWebRequest2.GetResponse();
using (var streamReader = new StreamReader(httpResponse.GetResponseStream()))
{
string result = streamReader.ReadToEnd();
l1 = (List<Test>)Newtonsoft.Json.JsonConvert.DeserializeObject(result, typeof(List<Test>));
for (int i = 0; i < l1.Count; i++)
{
str = str + "<img src='https://s3.amazonaws.com/movingmediapurchase/thumbnail/48748.jpg' />";
string video_id = l1[i].ClipId.ToString();
str = str + "<div id='parent' style='"position:relative; float:left; text-align: top;'" onmouseover='callMouseOver('"" + video_id + "'")' onmouseout='callMouseOut('"" + video_id + "'")' ><a href='" + l1[i].PreviewUrl.ToString() + "' class='html5lightbox' data-width='450' data-height='350'><img src='" + l1[i].ThumbnailUrl.ToString() + "' class ='thumbnail'/></a><div id='" + video_id + "' style='display: none;position: absolute; z-index:10000; top: 110px; left:30px ; height: 34px;'><img src='tweetbutton.png'/><img src ='small-facebook-like-butto.gif' /><img src='pinit-button.png' /></div></div>" + " ";
/*
Label1.Text = l1.Count.ToString();
Image1.ImageUrl = l1[0].ThumbnailUrl.ToString();
Label1.Text = l1[0].ThumbnailUrl.ToString();
*
*/
}
}
}
return str;
}
如何创建javascript方法调用上述代码背后的方法?
你可以使用一些javascript代码,像这样,如果你使用jQuery(我建议在你的情况下):
$(function() {
$('#idOfButton').click(function() {
$.ajax({
type: "POST",
url: "Default.aspx/haldlescrolling",
data: "{name: 'name', address: 'address'}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(msg) {
// do something on success
$('#idOfDiv').html(msg.d);
},
error: function() {
// do something on error
}
});
});
});
第一行表示加载DOM时会执行一个函数:
$(function() {});
第二行将事件处理程序附加到id为idOfButton
:
$('#idOfButton').click(function() {});
$.ajax()
调用是一个来自jQuery的方法(参见文档),使ajax调用更容易。
上面的代码不是纯javascript,而是依赖于jQuery。jQuery是一个库,可以使你的javascript代码更容易和更易读。我绝对推荐你使用它,但是也有其他的库。
相关文章:
- 借助asp.net验证或java脚本对多个文本进行验证
- Java脚本时间添加
- 如何将字符串值从php页面发送到java脚本页面
- java脚本在Chrome和其他浏览器中对LocaleTimeString的不同行为
- Java脚本将URL转换为已保存的URL时出错
- 如何使用Java脚本创建提交按钮's的拖放功能
- 如何在java脚本中验证手机号码
- 使用java脚本更改onClick事件中菜单选项卡的颜色
- 无限的java脚本循环
- 无法在java脚本中调用图像的点击事件函数
- 如何在java中获得浏览器的java脚本控制台输出
- 我的html表单无法验证.请参阅代码片段中的html代码和java脚本
- java脚本的数学方程显示错误的答案
- AngularJS:如何使用java脚本函数更改跨度的ng-show条件
- 如何在java脚本中传递对象数组
- java脚本网站最佳实践
- 无法将java脚本函数与Panel'绑定;s OnLoad事件
- java安全doPrivileged方法如何阻止任意脚本
- Java脚本访问Location标头's OAuth 2的URL片段
- 在 HTML 上运行两个脚本(Java 脚本)