[ALL]讨论帖:用过JQuery或者自己手写过Ajax的大牛进!

ChargeForward 2009-06-19 04:13:14

大环境是这样的:ASP.NET WebForm开发方式假设页面上20个TextBox 一个Button 一个Label



 <div id="d1">

     <%--这里有20个Textbox--%>

  </div> 

    <div id="d2">

        <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

    </div>

    <div id="d3">

        <asp:Button ID="Button1" runat="server" Text="Button" />

    </div>



protected void Button1_Click(object sender, EventArgs e)

    {

        Label1.Text = TextBox1.Text + TextBox2.Text + TextBox3.Text + TextBox4.Text...;

    }

按钮的作用是将所有Textbox中的内容拼接起来显示在Label中
从理论上讲当没有用Ajax的时候直接在Click事件中写业务代码就行了但是这样会造成整个页面的刷新
现在我想在前台加入Ajax 实现当点击按钮的时候只刷新<div id="d2"> 其他的DIV无刷新就是页面局部刷新
最难的一点是, 后台代码一点不能动, 只能更改前台实现Ajax
JQuery能实现吗?

PS:
像$.get $.post $.load 这些我最近经常用 $.post向服务传值只能在第二个参数中这样写 {键:值} 而且后台得到这些值的时候还必须以这种方式: Request["键"] 这样如果我需要传回去的键值对很多的话岂不所有的键值对都要在前后台写上两遍? 有没有一种方式可以将现在页面上的所有内容post回去然后服务器端自动识别这些东西(例如textbox中的值) 然后做出响应然后客户端脚本接收到响应处理响应?
JQuery有一种局部刷新方式是这样的#("#d2").load(location.href+"#d2");但这样要是返回值还是需要自己一个个写键值对麻烦而且这样的post请求不会触发服务器的Click事件

我知道微软Ajax1.0可以部分实现我想要的但是我不想用Ajax1.0 原因就不说了呵呵

...全文

60 16 打赏收藏转发到动态举报

写回复

用AI写文章

16 条回复

切换为时间正序

请发表友善的回复…

发表回复

igelf 2009-06-19

打赏
举报

那就用asp.net 回调机制实现.
ICallbackEventHandler 接口.

llsen 2009-06-19

打赏
举报

[Quote=引用 13 楼 ChargeForward 的回复:]
好吧我要的东西确实无法实现结贴了
[/Quote]

...

llsen 2009-06-19

打赏
举报

[Quote=引用 10 楼 ojlovecd 的回复:]
后台代码一点都不能动，那我觉得是不太可能的
你要想在客户端操作数据库，行是行，但这样你的数据库的信息就全都暴露了，没有人会在客户端进行数据库操作的
[/Quote]

后台代码不改不太显示
操作数据库这些还是写后台好些
up楼上

ChargeForward 2009-06-19

打赏
举报

好吧我要的东西确实无法实现结贴了

llsen 2009-06-19

打赏
举报

pageload下面注册事件

AjaxPro.Utility.RegisterTypeForAjax(typeof(WebForms_ArchivesManage_TangNiaoBingQianQiK));

WebForms_ArchivesManage_TangNiaoBingQianQiK
画面类名

然后写ajax方法，返回数据集



   [AjaxPro.AjaxMethod]

    public DataTable GetData(string IdentifyID)

    {

        string sql = "";

        return EHealth.DBUtility.DbHelperSQL.Query(sql).Tables[0];

    }

前台掉用后台这个方法接收数据集

WebForms_ArchivesManage_TangNiaoBingQianQiK.GetData(sfzID ,LoadResultsCallback)

然后LoadResultsCallback这个方法里面对数据进行操作

function LoadResultsCallback(result)

    {

   

       var items = result.value;

       var count = items.Rows.length ;

       //这样用,xm是列名

        alert(items.Rows[0].xm);

       }

我对js这些不熟，调试起来也不方便
觉得在前台写逻辑太麻烦了，

toefl118 2009-06-19

打赏
举报

北京, 女非中介诚信服务，美国名牌大学毕业, 多次成功**新托福IBT-Toefl, 可保115+，SAT1可保2200+,GRE1400+， GMAT 700+， 100%通过率,QQ953193536，
QQ953193536，QQ953193536，QQ953193536，QQ953193536，QQ953193536，QQ953193536，
QQ953193536，QQ953193536，QQ953193536，QQ953193536，QQ953193536，QQ953193536，
QQ953193536，QQ953193536，

我姓区不姓区 2009-06-19

打赏
举报

后台代码一点都不能动，那我觉得是不太可能的
你要想在客户端操作数据库，行是行，但这样你的数据库的信息就全都暴露了，没有人会在客户端进行数据库操作的

llsen 2009-06-19

打赏
举报

可以啊，但是写代码比较麻烦

ChargeForward 2009-06-19

打赏
举报

[Quote=引用 7 楼 llsen 的回复:]
引用 5 楼 ChargeForward 的回复:
引用 1 楼 ojlovecd 的回复:
这个效果用普通的javascript不就可以实现了？用得着用ajax吗？

您错了我当前的业务逻辑是很简单因为只是举个例子真正在Click事件中执行的是很复杂的业务而且有连接数据库等等操作只有服务端能完成

那就用updatepanel
[/Quote]
不用updatapanel 呵呵可以实现吗?

llsen 2009-06-19

打赏
举报

[Quote=引用 5 楼 ChargeForward 的回复:]
引用 1 楼 ojlovecd 的回复:
这个效果用普通的javascript不就可以实现了？用得着用ajax吗？

您错了我当前的业务逻辑是很简单因为只是举个例子真正在Click事件中执行的是很复杂的业务而且有连接数据库等等操作只有服务端能完成
[/Quote]

那就用updatepanel

llsen 2009-06-19

打赏
举报

[Quote=引用 4 楼 ojlovecd 的回复:]
HTML code
<div id="d1">
<%--这里有20个Textbox--%>
</div>
<div id="d2">
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
</div>
<div id="d3">
<asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="return Combine()" />
</div>
<script>
function Combine() {
var txts = document.getElementById("d1").getEleme…
[/Quote]

这个就可以
要是实在想体验体验ajax，就用两个ajax控件就好了
updatepanel，然后将这些文本框、标签、按钮全部放在上面
就好了

ChargeForward 2009-06-19

打赏
举报

[Quote=引用 1 楼 ojlovecd 的回复:]
这个效果用普通的javascript不就可以实现了？用得着用ajax吗？
[/Quote]
您错了我当前的业务逻辑是很简单因为只是举个例子真正在Click事件中执行的是很复杂的业务而且有连接数据库等等操作只有服务端能完成

我姓区不姓区 2009-06-19

打赏
举报



 <div id="d1">

     <%--这里有20个Textbox--%>

  </div> 

    <div id="d2">

        <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

    </div>

    <div id="d3">

        <asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="return Combine()" />

    </div> 

<script>

    function Combine() {

        var txts = document.getElementById("d1").getElementsByTagName("input");

        var result = "";

        for(var i=0;i<txts.length;i++) {

             result += txts[i].value;

        }

        document.getElementById("<%= Label1.ClientID %>").innerHTML = result;

        return false;

    }

</script>