C# 用Ajax实现登陆/评论之类的单一功能

最新推荐文章于 2022-09-13 18:26:33 发布

原创最新推荐文章于 2022-09-13 18:26:33 发布 · 1.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #c# #div #class #function #javascript

这篇博客介绍了如何在C#中利用AjaxPro库实现Ajax功能，如查看/发表评论。通过点击按钮触发JavaScript函数，显示或隐藏评论框，并验证评论内容，确保不为空。当提交评论时，调用后台的Ajax方法检查并处理提交，成功则提示用户并隐藏评论框，失败则聚焦评论输入框。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div class="div148"><A class="btn" href="#" target="_self" onclick="ShowStruct

('divPl');">查看/发表</A></div>

<div class="div181" id="divPl">
<div class="div182">发表感想</div>
<div class="div183"></div>
<div class="div184">发表内容： <TEXTAREA id="Content" name="Content"

rows="3" cols="50"></TEXTAREA>
<img src="img/tijiao.gif" class="img1" onclick="return tijiao

('divPl')">
<div class="div185">发表评论内容请控制在<font

color="#fef0ff">200</font>字以内</div>
</div>

-->

function ShowStruct(id)

{

var arrayDiv = window.document.getElementById(id);

arrayDiv .style.display = 'block';

}

-->

</script>

//提交
function tijiao(divPl)
{
var content ;
content = document.Form1.Content.value;
if(content.length == 0)
{
  alert("请输入评论内容！");
  document.Form1.Content.focus();
  return false;
}
else
{
  document.Form1.Content.value = "";
  tijiaoStr(content,divPl);
}
}
function tijiaoStr(content,divPl)
{
var IsTijiao = Web.hi.FalshShow.CheckTijiao(content).value;
if(IsTijiao)
{
  alert("评论提交成功！");
  var arrayDiv = window.document.getElementById(divPl);
  arrayDiv.style.display = 'none';
}
else
{
  alert("评论提交失败!");
  document.Form1.Content.focus();
}
}

using AjaxPro;

private void Page_Load(object sender, System.EventArgs e)
  {
   // 在此处放置用户代码以初始化页面
   AjaxPro.Utility.RegisterTypeForAjax(typeof(Web.hi.FalshShow));
  }

[AjaxMethod]

  #region 提交
  public bool CheckTijiao(string ContentStr)
  {
   //int falshID = Convert.ToInt32(FalshShow11.lblMsg.Text);
   bool result = false;
   result = new BusinessFacade.hiFacade.FriendFacade().GetFalshContentInfo( 0,ContentStr , this.UserCode.ToString() );
   return result;
  }
  #endregion