简单Ajax.net小问题，前台JS如何调用后台代码

yancey 2009-05-12 09:51:54
我好像知道有两种方法，一种是调用WebService
一种是调用CodeBehinde里的方法，将此方法标记为Ajax可调用就行

忘记怎么用了，哪位大侠给解释下，谢谢
...全文
152 10 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
10 条回复
切换为时间正序
请发表友善的回复…
发表回复
takako_mu 2009-05-14
  • 打赏
  • 举报
 回复
2.Js調用WebService總結




/*--相當于GridViewBind()-------------------------------------------------------------------------------------------*/ 

    function Search(pagesize,pageCurrentCount)

    {

        var UserName=$get("optSelectUserName").value;

        var Project=$get("optSelectProject").value;

        GetData(pagesize,pageCurrentCount,UserName,Project);

        return false;

    }



    function GetData(pagesize,pageCurrentCount,userName, project)

    {

        $get("displayImage").style.display="block";

        var UserName=userName;

        var Project=project;

        WebService_AJAXGridView.GetData(pagesize,pageCurrentCount,UserName, Project, SucceededCallback, FailedCallback,"XmlDocument");

    }

    

    function SucceededCallback(result, userContext, methodName)

    {

        if (userContext == "XmlDocument")

	    {

   	        UpdateTable(result);

	    }

        $get("displayImage").style.display="none";

        //document.getElementById("lab_TotalPage").innerText=

    }



    function FailedCallback(error)

    {

        // Display the error.    

        var stackTrace=error.get_stackTrace();

        var message= error.get_message();

        var statusCode=error.get_statusCode();

        var exceptionType=error.get_exceptionType();

        var timeout=error.get_timedOut();

        

        var errstr="推疊追蹤: "+ stackTrace+"\n";

        errstr+="服務錯誤:"+ message+"\n";

        errstr+="狀態碼:"+ statusCode+"\n";

        errstr+="例外類型:"+ exceptionType+"\n";

        errstr+="逾時:"+ timeout+"\n";

        errstr+="請關掉IE, 重新進入 !!";

        alert(errstr);



        $get("displayImage").style.display="none";

    }

/*--相當于GridViewBind()-------------------------------------------------------------------------------------------*/     





//WebService



using System;

using System.Data;

using System.Xml;

using System.Text;

using System.Collections;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.Services;

using System.Web.Services.Protocols;

using System.Web.Script.Services;

using System.Web.Script.Serialization;

using System.Web.Security;

using System.Xml.Linq;

using System.Data.Sql;

using System.Data.SqlClient;







/// <summary>

/// WebService_AJAXGridView 的摘要描述

/// </summary>

[WebService(Namespace = "http://tempuri.org/")]

[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]

// 若要允許使用 ASP.NET AJAX 從指令碼呼叫此 Web 服務，請取消註解下一行。

 [System.Web.Script.Services.ScriptService]

public class WebService_AJAXGridView : System.Web.Services.WebService {



    public WebService_AJAXGridView () {



        //如果使用設計的元件，請取消註解下行程式碼 

        //InitializeComponent(); 

    }



    //Create By Takako_Yang,at 2008/12/04

    [WebMethod(Description = "My AJAX Gridview Data Select", EnableSession = true)]

    [ScriptMethod(ResponseFormat = ResponseFormat.Xml)]

    public XmlDocument GetData(int pagesize,int pageCurrentCount,string userName, string project)

    {

        DailyWorkFactory myDailyWorkFactory = new DailyWorkFactory();

        DataTable dt = myDailyWorkFactory.GetDailyWork(0, 1,pagesize,pageCurrentCount, userName, project, "");//flag1用來判斷Select來源自現有的，還是編輯時Create的新的

        StringBuilder sb = new StringBuilder();

        sb.Append("<AJAXSet>");

        //select [No],Project,Item,Code,[Description (purpose/value)],

        //Status,[%],[Start Date],[Due Date],Owner,[Day/Hour] from daily_work

        foreach (DataRow myDataRow in dt.Rows)

        {

            string No = myDataRow[0].ToString();

            string Project1 = myDataRow[1].ToString();

            string Item = myDataRow[2].ToString();

            string Code = myDataRow[3].ToString();

            string Desciption = myDataRow[4].ToString();

            string Status = myDataRow[5].ToString();

            string Percent = myDataRow[6].ToString();

            string StartDate = (Convert.ToDateTime(myDataRow[7])).ToString("yyyy/MM/dd");

            string DueDate = (Convert.ToDateTime(myDataRow[8])).ToString("yyyy/MM/dd");

            string Owner = myDataRow[9].ToString();

            string NeedTime = myDataRow[10].ToString();

            sb.Append("<AJAXData>");

            sb.Append("<P1>").Append(No).Append("</P1>");

            sb.Append("<P2>").Append(Project1).Append("</P2>");

            sb.Append("<P3>").Append(Item).Append("</P3>");

            sb.Append("<P4>").Append(Code).Append("</P4>");

            sb.Append("<P5>").Append(Desciption).Append("</P5>");

            sb.Append("<P6>").Append(Status).Append("</P6>");

            sb.Append("<P7>").Append(Percent).Append("</P7>");

            sb.Append("<P8>").Append(StartDate).Append("</P8>");

            sb.Append("<P9>").Append(DueDate).Append("</P9>");

            sb.Append("<P10>").Append(Owner).Append("</P10>");

            sb.Append("<P11>").Append(NeedTime).Append("</P11>");

            sb.Append("</AJAXData>");

        }

        sb.Append("</AJAXSet>");

        XmlDocument xmlDoc = new XmlDocument();

        xmlDoc.LoadXml(sb.ToString());

        return xmlDoc;

    }
takako_mu 2009-05-14
  • 打赏
  • 举报
 回复
1.JS和.Net前后臺互相調用總結


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="JavaScript get Net Function.aspx.cs" Inherits="JavaScript_get_Net_Function" %>



<!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>前臺與后臺方法護調總結</title>

    <%--

        JavaScript異步調用定義在ASP.Net頁面中的方法, 我們需要:

            1.將該方法聲明為公有(public);

            2.將該方法聲明為類方法(C#中的static,VB.NET中的Shared),而不是實例方法;

            3.將該方法添加【WebMethod】屬性

            4.將頁面中ScriptManager控件的EnablePageMethods屬性設置為true;

            5.在客戶端使用如下JavaScript語法調用該頁面方法

                PageMethods.[MethodName](param1,param2,...,callbackFunction);

            6.為客戶端異步調用指定回調函數,在回調函數中接受返回值并進一步處理;

            7.添加 using System.Web.Services;

    --%>

    

    <%--

        ASP.Net后臺調用JavaScript function的方法,我們要注意:

            1.盡量少用Response.Write(<script></script>);這種方法,它會影響CSS導致頁面效果偏差

            2.C#中使用ScriptManager.RegisterStartupScript(this, this.GetType(), "edit", "JS('"+param1+"','"+param2+"')", true);

            3.添加 using System.Web.UI;

    --%>

   

    <script type="text/javascript">

   

/*-------------JavaScript調用.Net后臺Start----------------------------------*/

        function JsCallCSharp(param1)

        {

            PageMethods.SayHelloFromPage(param1,onSayHelloSucceeded);

        }

        

        function onSayHelloSucceeded(result)

        {

            alert(result);

        }

/*-------------JavaScript調用.Net后臺End----------------------------------*/

        

/*-------------.Net調用JavaScript Start-----------------------------------*/

        function CSharpCallJs(param1,param2)

        {

            alert(param1 + param2);

        }

/*-------------.Net調用JavaScript Start-----------------------------------*/

    </script>

    

</head>

<body>

    <form id="form1" runat="server">

    <div>

        <asp:ScriptManager ID="ScriptManager1" EnablePageMethods="true" runat="server" />

    </div>

    

    <asp:Button ID="Button1" onclick="Button1_Click" OnClientClick="JsCallCSharp('takako');" runat="server" Text="Button1" />

    

    </form>

</body>

</html>






using System;

using System.Web.Services;

using System.Web.UI;



public partial class JavaScript_get_Net_Function : System.Web.UI.Page

{

    protected void Page_Load(object sender, EventArgs e)

    {



    }



    protected void Button1_Click(object sender, EventArgs e)

    {

        string param1 = "你好:";

        string param2 = "takako_mu";

        ScriptManager.RegisterStartupScript(this, this.GetType(), "edit", "CSharpCallJs('" + param1 + "','" + param2 + "');", true);

    }



    [WebMethod]

    public static string SayHelloFromPage(string name)

    {

        return string.Format("Hello {0}!", name);

    }

}
yancey 2009-05-14
  • 打赏
  • 举报
 回复
ls的错误，是AJax.net
就是UpdatePanel的那种
yancey 2009-05-12
  • 打赏
  • 举报
 回复
具体调用代码能给下吗？

还有如果要对前台可视控件进行操作，WebService就不可行了，怎么办呢？
ZengJerry 2009-05-12
  • 打赏
  • 举报
 回复
呵呵。楼上的，楼主用的是ajax.net而不是ajaxpro哦

1楼正解
银狐被占用 2009-05-12
  • 打赏
  • 举报
 回复
后台：
public partial class _Default : System.Web.UI.Page
{

protected void Page_Load(object sender, EventArgs e)
{
//必要的
AjaxPro.Utility.RegisterTypeForAjax(typeof(_Default));

}
[AjaxPro.AjaxMethod]
public DataSet getNextClass(string cid)
{
string sql = @"select cname as txt,id as vol from webclass where parentid=" + cid;
try
{
return getDs(sql);
}
catch
{
//throw;
return null;
}
}
}
前台：
<script>
var sid=1;
var v = _Default.getNextClass(sid).value; // 类的名称
</script>
zhaoqiliang527 2009-05-12
  • 打赏
  • 举报
 回复
放一个隐藏服务器Button控件，添加要实现的事件： .....
var xmlHttp;

function createXMLRequest()
{
if(window.ActiveXObject)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest)
{
xmlHttp=new XMLHttpRequest();
}
else
{
//alert("不能创建XmlHttpRequest");
}
}

function startRequest(obj)
{
createXMLRequest();
xmlHttp.onreadystatechange=handleStateChange;
xmlHttp.open("GET","../API/handler/GetClientByMob.ashx?ClientMob="+obj.value,true);
xmlHttp.send(null);

}
function handleStateChange()
{
if(xmlHttp.readyState==4)
{
if(xmlHttp.status==200)
{
var divMes=document.getElementById("divUserList");
divMes.innerHTML=xmlHttp.responseText;
}
}
}
function checkUser(obj)
{
var uname=document.getElementById(obj.id).parentNode;

document.getElementById("HidClientId").value=obj.id;
document.getElementById("btn1").click(); ------------------------调用该事件
}

wujinjian2008n 2009-05-12
  • 打赏
  • 举报
 回复
js code:

var xmlHttp=null;
function CreateXMLHttpRequest()
{
if(window.ActiveXObject)
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
if(window.XMLHttpRequest)
xmlHttp=new XMLHttpRequest();
}

function W()
{
CreateXMLHttpRequest();

xmlHttp.open("get","Ajax.aspx",true);
xmlHttp.onreadystatechange=XMLHttpChange;
xmlHttp.send(null);
}

function XMLHttpChange()
{}

Html Code:
<body onload="W()">
</body>

然后在 Ajax.aspx.cs 的load事件中写要处理的代码。
赤色火焰 2009-05-12
  • 打赏
  • 举报
 回复
把Web服务前加一个[System.Web.Script.Services.ScriptService]即可在javascript调用
yancey 2009-05-12
  • 打赏
  • 举报
 回复
自己顶下
asp.net前台调用后台方法传参数
### ASP.NET 前台调用后台方法传参数详解 #### 一、ASP.NET简介 ASP.NET 是一种用于构建动态Web应用程序的服务器端技术。它由Microsoft开发，并且是.NET框架的一部分。通过ASP.NET，开发者可以创建功能强大、交互...
Asp.net中JQuery、ajax调用后台方法总结
Asp.net 中 jQuery、ajax 调用后台方法总结 在 Asp.net 中，使用 jQuery 和 Ajax 调用后台方法是一种常见的做法。下面总结了几种常见的调用方法。 有参数的方法调用 在前台使用 jQuery 代码调用后台方法时，需要...
.net 前台调用后台函数的 Ajax 方法
在.NET开发中，前端与后端的交互是常见的需求，特别是在构建动态网页时。...总的来说，通过AjaxPro，我们可以轻松地在.NET前台页面中调用后台方法，实现异步通信，提高应用程序的响应性和用户交互体验。
AJAX,AJAXPro,Anthem实现前台调用后台代码实例
本实例将探讨如何使用AJAX、AJAXPro和Anthem这三种不同的方法实现在前端JavaScript中调用后台代码，以实现异步通信。 首先，我们来详细了解一下AJAX。AJAX并不是一个单一的技术，而是一组用于创建动态网页的技术...
asp.net ajax异步获取数据...前台直接调用后台方法版..
在标题和描述中提到的"前台直接调用后台方法"，正是ASP.NET AJAX的核心特性之一，即通过AJAX调用在客户端实现对服务器端方法的调用，从而提高用户体验。 ASP.NET AJAX主要由两部分组成：客户端库（MicrosoftAjax.js...
.NET社区

62,243

社区成员

668,998

社区内容

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章