function newedito() {
var localTime = new Date();
var year = localTime.getFullYear();
var month = localTime.getMonth() + 1;
var date = localTime.getDate();
var hours = localTime.getHours();
var minutes = localTime.getMinutes();
var seconds = localTime.getSeconds();
var x = document.getElementById('drdned').value;
var y = document.getElementById('txtned1').value;
var z = document.getElementById('txtned2').value;
var v = "Date : " + date + "-" + month + "-" + year + " Time : " + hours + ":" + minutes + ":" + seconds;
PageMethods.Ned(x, y, z, v, OnCallSumComplete, OnCallSumError);
function OnCallSumComplete(result) {
document.getElementById('updater').innerHTML = result;
}
function OnCallSumError() {
document.getElementById('updater').innerHTML = "Error";
}
}
<script src="Scripts/Site.js" language="javascript" type="text/javascript"></script>
当我在我的 aspx 页面中放置上面编写的 javascript 时,一切正常,但是当我将该函数代码放在外部 Site.js 文件中时,页面方法被调用但 OnCallSumComplete() 和 OnCallSumError() 不起作用,它们没有更改 div 的 html (“更新程序”)。这里的结果是一个字符串,它要么是“success msg”,要么是“exception msg”。请帮帮我。
整个 aspx 文件非常大,在这里显示,这是包含 id="updater" 的 div 的 div。
<div id="popUpDiv" style="display:none; border:10px solid rgba(0, 0, 0, .8); box-shadow: 0px 0px 200px 200px Black; position:fixed; top:10%; left:20%; right:20%; height:80%; min-width:60%; z-index: 10002;">
<div id="control" style=" background-color:rgba(0, 0, 0, .8); color:White; height:4%;">
<div style="color:#01A9DB; float:left; font-weight:700;">OWPOST-ECLIPSE</div>
<div style="position:static; right:0px; top:0px; float:right;">
<a style="color:White;" href="#" onclick="togglePopUp('popUpDiv'); return false;">EXIT</a>
</div>
</div>
<div id="updater" style=" background-color:White; overflow:scroll; height:96%;">
</div>
</div>
这是一个弹出 div,在单击按钮时显示,该按钮使用服务器端的 ajax 在其中显示一个表单,单击提交按钮函数 newedito() 应将所有数据提交给 pagemethod Ned(),该方法会将数据添加到数据库但是当我将 js 代码放在外部文件中时,数据被添加到数据库中,但是 newedito() 方法没有显示返回字符串。我应该告诉你,我有很多表单,所以我准备了他们的 html 并将它们保存在数据库中,并根据需要显示表单 'updater' div 并由 javascript 函数调用。请帮忙。
我将 Site.js 包含在我的母版页中。
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head runat="server">
<title>THE OPEN WEB POST</title>
<link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />
<asp:ContentPlaceHolder ID="HeadContent" runat="server">
</asp:ContentPlaceHolder>
<style type="text/css">
.style1
{
font-size:x-large;
color: #FFFFFF;
}
.style2
{
text-decoration: none;
color:White;
}
.style3
{
color: #01A9DB;
}
#mynew
{
}
</style>
<script src="Scripts/Site.js" language="javascript" type="text/javascript"></script>
</head>
<body>
<form id="mynew" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true">
</asp:ScriptManager>
<div class="page" style="width: 100%; min-width:960px;">
我认为母版页的这一部分可能会对您有所帮助。