如何在asp.net Web表单中使用JavaScript [英] How do I use JavaScript in asp.net web forms
本文介绍了如何在asp.net Web表单中使用JavaScript的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我知道这些问题听起来很愚蠢，但我的代码出了问题，因为我尝试使用JS并且没有任何显示......
我在我的主人身上有这个页面：
<％@ Master语言=C＃AutoEventWireup =trueCodeBehind =Site.master.csInherits = FORgestIT.SiteMaster％>
<！DOCTYPE html>
< html lang =en>
< head runat =server>
< meta charset =utf-8/>
< script src =Scripts / Calendar / jquery-1.4.1.jstype =text / javascript>< / script>
< script src =Scripts / Calendar / fullcalendar.jstype =text / javascript>< / script>
< link href =Content / Calendar / fullcalendar.css =stylesheettype =text / css/>
< link href =Content / Calendar / Site.css =stylesheettype =text / css/>
< title><％：Page.Title％> FORgestIT< /标题>
< asp：PlaceHolder runat =server>
<％：Scripts.Render（〜/ bundles / modernizr）％>
< / asp：PlaceHolder>
< webopt：BundleReference runat =serverPath =〜/ Content / css/>
< link href =〜/ favicon.ico =快捷图标type =image / x-icon/>
< meta name =viewportcontent =width = device-width/>
< asp：ContentPlaceHolder runat =serverID =HeadContent/>
< / head>
我想在我的dafault页面上这样做：
<<< pre lang =xml> asp：内容runat =serverID =BodyContentContentPlaceHolderID =MainContent>
< div id =fullcal>
< / div>
< script type =text / javascript>
$（document）.ready（function（）{
$ .ajax（{
type：POST，
contentType：application / json，
data：{}，
url：Default.aspx / GetEvents，
dataType：json，
success：function（data）{
$（'div [id * = fullcal]'）。fullCalendar（{
header：{
left：'prev，next today'，
center：'title'，
right：'month ，agendaWeek，agendaDay'
}，
可编辑：true，
事件：$ .map（data.d，function（item，i）{
var event = new Object（ ）;
event.id = item.EventID;
event.start = new Date（item.StartDate）;
ev ent.end = new Date（item.EndDate）;
event.title = item.EventName;
event.url = item.Url;
event.ImageType = item.ImageType;
返回活动;
}），
eventRender：function（event，eventElement）{
if（event.ImageType）{
if（eventElement.find（'span.fc-event-time'） ）。length）{
eventElement.find（'span.fc-event-time'）。before（$（GetImage（event.ImageType）））;
}
else {
eventElement.find（'span.fc-event-title'）。before（$（GetImage（event.ImageType）））;
}
}
}，
loading：function（bool）{
if（bool）$（'#loading'）。show（）;
else $（'#loading'）。hide（）;
}
}）;
}，
错误：function（XMLHttpRequest，textStatus，errorThrown）
{debugger; }
}）; $（＃装载）隐藏（）。 $（的div [ID * = fullcal]）显示（）;
}）;
函数GetImage（类型）{
if（type == 0）{
return< br />< img src ='Images / attendance.png'style ='width ：24像素;高度：24px的'/><峰; br />中
}
else if（type == 1）{
return< br />< img src ='Images / not_available.png'style ='width：24px; height ：24px的'/><峰; br />中
}
其他
返回< br />< img src ='Images / not_available.png'style ='width：24px; height：24px'/>< BR />中
}
< / script>
< / asp：Content>< / pre>
但没有显示......路径正确btw
解决方案
（document）.ready（function（）{
.ajax（{
type： POST，
contentType：application / json，
data：{}，
url：Default.aspx / GetEvents，
dataType：json，
成功：函数（数据）{
（'div [id * = fullcal]'）。fullCalendar（{
header：{
left： 'prev，next today'，
center：'title'，
right：'month，agendaWeek，agendaDay'
}，
editable：true，
events：
I know the questions sounds stupid but something is wrong with my code since I try to use JS and nothing shows...
I have this on my master page :
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="FORgestIT.SiteMaster" %>
<!DOCTYPE html>
<html lang="en">
<head runat="server">
<meta charset="utf-8" />
<script src="Scripts/Calendar/jquery-1.4.1.js" type="text/javascript"></script>
<script src="Scripts/Calendar/fullcalendar.js" type="text/javascript"></script>
<link href="Content/Calendar/fullcalendar.css" rel="stylesheet" type="text/css" />
<link href="Content/Calendar/Site.css" rel="stylesheet" type="text/css" />
<title><%: Page.Title %> FORgestIT</title>
<asp:PlaceHolder runat="server">
<%: Scripts.Render("~/bundles/modernizr") %>
</asp:PlaceHolder>
<webopt:BundleReference runat="server" Path="~/Content/css" />
<link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<meta name="viewport" content="width=device-width" />
<asp:ContentPlaceHolder runat="server" ID="HeadContent" />
</head>
And I want to do this on my dafault page:
<<pre lang="xml">asp:Content runat="server" ID="BodyContent" ContentPlaceHolderID="MainContent">
<div id="fullcal">
</div>
<script type="text/javascript">
$(document).ready(function () {
$.ajax({
type: "POST",
contentType: "application/json",
data: "{}",
url: "Default.aspx/GetEvents",
dataType: "json",
success: function (data) {
$('div[id*=fullcal]').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
editable: true,
events: $.map(data.d, function (item, i) {
var event = new Object();
event.id = item.EventID;
event.start = new Date(item.StartDate);
event.end = new Date(item.EndDate);
event.title = item.EventName;
event.url = item.Url;
event.ImageType = item.ImageType;
return event;
}),
eventRender: function (event, eventElement) {
if (event.ImageType) {
if (eventElement.find('span.fc-event-time').length) {
eventElement.find('span.fc-event-time').before($(GetImage(event.ImageType)));
}
else {
eventElement.find('span.fc-event-title').before($(GetImage(event.ImageType)));
}
}
},
loading: function (bool) {
if (bool) $('#loading').show();
else $('#loading').hide();
}
});
},
error: function (XMLHttpRequest, textStatus, errorThrown)
{ debugger; }
}); $('#loading').hide(); $('div[id*=fullcal]').show();
});
function GetImage(type) {
if (type == 0) {
return "<br/><img src = 'Images/attendance.png' style='width:24px;height:24px'/><br/>"
}
else if (type == 1) {
return "<br/><img src = 'Images/not_available.png' style='width:24px;height:24px'/><br/>"
}
else
return "<br/><img src = 'Images/not_available.png' style='width:24px;height:24px'/><br/>"
}
</script>
</asp:Content></pre>
But nothing is showing... the paths are correct btw
解决方案
(document).ready(function () {
.ajax({ type: "POST", contentType: "application/json", data: "{}", url: "Default.aspx/GetEvents", dataType: "json", success: function (data) {
('div[id*=fullcal]').fullCalendar({ header: { left: 'prev,next today', center: 'title', right: 'month,agendaWeek,agendaDay' }, editable: true, events:
这篇关于如何在asp.net Web表单中使用JavaScript的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
