Asp Button不会使jquery ajax调用 [英] Asp Button Doesnt make jquery ajax call

查看:86
本文介绍了Asp Button不会使jquery ajax调用的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

i just want to simply make a webmethod call from a asp button. When i use a html button it works perfectly but the asp button does not work.

my Default.aspx page is
<%@ Page Title="Home Page" Language="C#" AutoEventWireup="true"

    CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %>

 <html>

  <head>
      <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
      <script src="Scripts/myjscript.js" type="text/javascript"></script>

  </head>
  <body>
      <input type="submit" value="Submit" id="btnSubmit"/><br/>
      <form id="form1" runat="server">
          <asp:Button runat="server" ID="btnasp" Text="ASP Button"/>

      </form>
  </body>

 </html>


and Default.aspx.cs code is

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

namespace WebApplication1
{
    public partial class _Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }

        [WebMethod]
        public static string getDate()
        {
            return DateTime.Now.ToString();
        }
    }
}

Jscript file is

$(function () {

    $("#btnSubmit").bind("click", onClick);
    $("#btnasp").bind("click", onASPClick);

});

function onClick() {

    alert("I am a HTML Submit Button");
    callMethod();
}



function onASPClick() {

    alert("I am a Asp.net Button");
    callMethod();

}


function callMethod() {
    $.ajax({
        url: 'Default.aspx/getDate',
        type: "POST",
        data: "{}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (data) {
            alert(data.d);
        }
    });

}

somebody please help.

推荐答案

(function(){
(function () {


(#btnSubmit)。bind(click,onClick);
("#btnSubmit").bind("click", onClick);


(#btnasp)。bind(click ,onASPClick);

});

函数onClick(){

alert(我是一个HTML提交按钮);
callMethod();
}



函数onASPClick(){

alert(我是Asp.net按钮);
callMethod();

}


函数callMethod(){
("#btnasp").bind("click", onASPClick); }); function onClick() { alert("I am a HTML Submit Button"); callMethod(); } function onASPClick() { alert("I am a Asp.net Button"); callMethod(); } function callMethod() {


这篇关于Asp Button不会使jquery ajax调用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆