jquery 调用后台方法

最新推荐文章于 2021-02-17 04:22:55 发布
最新推荐文章于 2021-02-17 04:22:55 发布
阅读量749 收藏
点赞数

    

     前台页面代码CsdnAddComment.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CsdnAddComment.aspx.cs"
    Inherits="Study.CsdnAddComment" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>仿CSDN添加评论</title>
    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#btnComment").click(function () {
                var txtComment = $("#txtComment").val();
                $.ajax({
                    type: "post",
                    url: "CsdnAddComment.aspx/AddComment",
                    data: " { 'comment':'" + txtComment + "'}",
                    contentType: "application/json; charset=utf-8",
                    datatype: "json",
                    success: function (message) {
                        $("#Comment").append('<div class="NewComment">' + txtComment + '</div>');
                        $("#NewComment").next().slideToggle();
                    }
                });
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <center>
        <div style="width: 50%">
            新闻列表:
            <asp:Repeater ID="rpNews" runat="server">
                <ItemTemplate>
                    <div>
                        <%#DataBinder.Eval(Container.DataItem, "news_title")%>
                    </div>
                    <hr />
                </ItemTemplate>
            </asp:Repeater>
            <div id="Comment">
            </div>
        </div>
        <div>
            <textarea id="txtComment" rows="8" cols="70"></textarea><br />
            <input type="button" value="评论" id="btnComment"/>
        </div>
    </center>
    </form>
</body>
</html>
     后台代码CsdnAddComment.aspx.cs

using System;
using System.Collections.Generic;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.Services;

namespace Study
{
    public partial class CsdnAddComment : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                this.GetNewsList();
            }
        }

        /// <summary>
        /// 获取新闻列表
        /// </summary>
        private void GetNewsList()
        {
            News n = new News();
            List<News> newsList = n.GetNewsList();
            rpNews.DataSource = newsList;
            rpNews.DataBind();
        }

        //添加新评论
        [WebMethod]
        public static string AddComment(string comment)
        {
            string sqlStr = "insert into tb_news(news_title,news_content,news_time,news_readtimes) values('" + comment + "','内容','2011/6/8','100')";
            if (SQLHelper.ExecuteNonQuery(sqlStr) > 0)
            {
                return "success";
            }
            else
            {
                return "failed";
            }
        }
    }
} 

 

  


龙火
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
asp.net ajax 调用后台方法,asp.net core 通过ajax调用后台方法（非api）
weixin_34323587的博客
08-05 1012
1、 在Startup.cs文件中添加： services.AddMvc();services.AddAntiforgery(o => o.HeaderName = "XSRF-TOKEN");2、在cshtml 文件中添加：@Html.AntiForgeryToken()@{await Html.RenderPartialAsync("_ValidationScript...
jquery利用ajax调用后台方法实例
12-08
代码如下:语法:$...以下是工作中写的一段js和后台方法: js: 代码如下:$(function(){ var callback = function (r) { var data = “<marquee width=’853;’ height=’250px;’ scrollamount=’2′ scrollde
jquery调用后台java方法_jQuery调用后台方法
weixin_42515024的博客
02-13 474
using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.UI;using System.Web.UI.WebControls;using CasMenuModels;using CasMenuBLL;using System.Text;public parti...
jquery调用后台方法 java,使用jquery调用java服务器端方法
weixin_30025473的博客
02-17 236
I need to call java class method inside jquery , how do i do that ?For more understanding Ex:Class Foo{public static void letsCall(){// Do something here ...}}I want to call this letsCall() Method fro...
jQuery调用页面后台方法
热门推荐
xiaouncle的博客
08-04 1万+
有时我们需要在前台jQuery方法中调用后台代码，总结出来，供大家学习。
JQuery调用后台方法
Ben的专栏
06-28 6526
      在ASP.NET使用ajax时基本上每个操作都要新建一个.ashx处理程序，页面很多，每个页面的操作也很多，这样的话项目就会产生新建很多很多的.ashx页面，能不能把方法写在后台中，然后Jquery直接调用呢？答案自然是可以的，这样做的话程序就看起来简洁多了。      前段时间下载CSDN上的资源时，我发现它们添加评论的那个功能蛮酷的，点一下 添加 按钮，评论即时显示在了最上
aspx后台调用前台jquery_jQuery教程之jQuery ajax调用后台aspx后台文件方法
weixin_34540432的博客
12-30 323
本篇教程介绍了jQuery教程之jQuery ajax调用后台aspx后台文件方法，希望阅读本篇文章以后大家有所收获，帮助大家对jQuery的理解更加深入。<在asp.netwebForm开发中,用Jqueryajax调用aspx页面的方法常用的有两种:下面我来简单介绍一下。(1)通过aspx.cs的静态方法+WebMethod进行处理简单的介绍下WebMethod方法的用法1.修饰符主...
jquery ajax调用后台C#函数的几种方法对比
大米的博客
06-17 737
今天是第三天研究这个课题了，快要吐，可依然不甘心。。。 我做了一个从数据库取题目然后在界面上动态生成选择题的问卷页面，然后用JS实现了选择，现在想实现提交功能，需要把数据从前端传到后台。。。 试了N种方法，下面归纳如下： 第一种： //后台 protected string CsharpVoid(string strCC) { strCC = "你好！" + strCC; return strCC; } //前台 function Init() { 　　var v = "中国"
aspx后台调用前台jquery_jquery前台调用asp.net后台方法
weixin_39608748的博客
12-20 70
jquery调用asp.net后台的方法示例，在asp.net 页面如何使用jquery调用asp.net页面后台代码.先创建一个aspx页面编写一个客户端控件再aspx后台的页面编写一个简单的方法,代码如下:[WebMethod]public static string ABC(string ABC){returnABC;}必须声明为静态方法，并且它们必须使用 [WebMethod] 特性标注。...
C# 利用JQuery调用后台方法
huangguiming的专栏
03-09 9909
<br /> 参考：http://www.cnblogs.com/zhaoyun1016/archive/2010/06/24/1764089.html<br /> <br />无参数方法调用、有参数方法调用、XML调用<br /> <br />页面代码：<br /><%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JQueryTest.aspx.cs" Inherits="MsChartTest.JQueryTest" %> <!DO
jQuery 调用后台方法
05-16
jQuery 调用后台方法；jQuery学习实例
jQuery AJAX实现调用页面后台方法
10-22
主要为大家详细介绍了jQuery AJAX实现调用页面后台方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
利用JQuery直接调用asp.net后台的简单方法
01-19
利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法。 [WebMethod] 命名空间 1、无参数的方法调用, 注意：1.方法一定要静态方法，而且要有[WebMethod]的声明 后台<C>: using System.Web.Script.Services; ...
android手机应用源码Imsdroid语音视频通话源码.rar
05-20
android手机应用源码Imsdroid语音视频通话源码.rar
营销计划汇报PPT，市场品牌 推广渠道 产品 营销策略tbb.pptx
05-20
营销计划汇报PPT，市场品牌 推广渠道 产品 营销策略tbb.pptx
JavaScript_超过100种语言的纯Javascript OCR.zip
05-20
JavaScript
JavaScript_跨平台React UI包.zip
05-20
JavaScript
node-v16.17.0-headers.tar.xz
最新发布
05-20
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
520表白代码.rar
05-20
520表白html5爱心代码
jQuery中使用getJSON方法调用C#的后台方法
05-28
首先，你需要在C#中创建一个后台方法，该方法接受一个参数并返回JSON数据。例如： ```csharp [WebMethod] [ScriptMethod(ResponseFormat = ResponseFormat.Json)] public string GetData(string parameter) { //处理逻辑 return jsonResult; } ``` 然后，在前端的jQuery中使用getJSON方法调用该后台方法。例如： ```javascript $.getJSON('YourWebService.asmx/GetData', { parameter: yourParameter }, function(data) { //处理返回的JSON数据 }); ``` 注意，'YourWebService.asmx'应该是你的Web服务的URL地址，而'GetData'应该是你的后台方法的名称。同时，你需要提供参数名和对应的值，以及处理返回数据的回调函数。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值