Ajax 与 jquery、scriptmanager 和 webservice 返回 null

Question

我没有从 WebService 中获取数据，我也不知道为什么。 :/

我在我的 MasterPage.master 中有这个：

    <asp:ScriptManager id="scriptMng" runat="server">
         <Services>
             <asp:ServiceReference Path="~/WebServices/Mailing.asmx" />
         </Services>
    </asp:ScriptManager>
    <asp:UpdatePanel runat="server" id="mailFormUpdatePanel" updateMode="Conditional">
         <ContentTemplate>
              /* form */
         </ContentTemplate>
    </asp:UpdatePanel>  

在我的 Mailing.asmx 中我有这个：

<%@ WebService Language="C#" CodeBehind="~/App_Code/Services/Mailing.cs" Class="Mailing" %>

在我的 Mailing.asmx.cs 中我有这个：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Net.Mail;
using System.Text.RegularExpressions;

/// <summary>
/// Summary description for Mailing
/// </summary>
[WebService(Namespace = "http://ktwebstudio.cz/WebServices/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
// To allow this Web Service to be called from script, using ASP.NET AJAX, uncomment the following line. 
[System.Web.Script.Services.ScriptService]
public class Mailing : System.Web.Services.WebService 
{

    [WebMethod()]
    public string Mail(string fromName, string fromSurename, string fromEmail, string fromPhone, string phoneTimeFrom, string phoneTimeTo, string selectedJob, string mailMsg) 
    {
        if (fromName.Trim() != "" && fromSurename.Trim() != "" && fromName != "Jméno" && fromSurename != "Příjmení" && fromEmail.Trim() != "" && fromEmail != "E-mailová adresa (povinné)")
        {
            bool error = false;
            if (fromPhone.Trim() != "" && fromPhone != "Telefonní číslo (nepovinné)")
                error = !IsNumber(fromPhone.Trim());
            if (IsWord(fromName.Trim()) && IsWord(fromSurename.Trim()) && IsEmail(fromEmail.Trim()) && !error)
            {
                /*
                some logic
                */

                try { client.Send(mail); }
                catch
                {
                    return "Odesílání zprávy selhalo, zkuste prosím akci opakovat. <br />Při přetrvávajících problémech zkuste použít alternativní způsob kontaktování, který naleznetev sekci <a runat=\"server\" href=\"<%$RouteUrl:RouteName=contact%>\">kontakt</a>.";
                }
                return "Zpráva byla úspěšně odeslána, děkujeme.";
            }
            else
                return "Vaše jméno, příjmení nebo jeden z Vášich vyplněných kontaktů obsahuje neplatné znaky.";
        }
        else
            return "Musíte vyplnit Vaše jméno, příjmení a kontaktní email.";
    }

    public bool IsWord(string word)
    {
        Regex mask = new Regex(@"^[a-zA-Zá-žÁ-Ž]*$");
        return mask.IsMatch(word);
    }
    public bool IsEmail(string email)
    {
        Regex mask = new Regex(@"^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$", RegexOptions.IgnoreCase);
        return mask.IsMatch(email);
    }
    public bool IsNumber(string number)
    {
        int num;
        return int.TryParse(number, out num);
    }
}

所以在我的 Masterpage.master.cs 中我测试浏览器是否支持 JS，如果不支持我调用来自OnClick方法的Web服务在哪里，我认为这是可以的：（如果不支持JS，不要问我为什么我不想拥有这个）

Mailing mail = new Mailing();
statusMsgLbl = mail.Mail(txtName.Text, txtSurename.Text, txtMail.Text, txtPhone.Text, startTime.SelectedValue, endTime.SelectedValue, selectJob.SelectedValue, txtMessage.Text);

但是如果支持JS（我希望用户打开它）我在我的Masterpage.master 这个 jQuery 和 javascript 代码：

    var msg;
    Sys.Application.add_load(load);
        function load() {
        $('#submit').click(function () {
           msg = Mailing.Mail($('#txtName').val(), $('#txtSurename').val(), $('#txtMail').val(), $('#startTime').val(), $('#endTime').val(), $('#selectJob').val(), $('#txtMessage').val());  
        });
    }
    Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(beginRequestHandler);
        function beginRequestHandler() {
            $(document.createElement('div'))
                        .attr('id', 'overlay')
                        .width($('#formBox').width())
                        .height($('#formBox').height())
                        .css({ backgroundImage: 'url(/Static/Img/bc_overlay.png)', position: 'absolute', left: 0, top: 0, margin: "5px", textAlign: "center", color: "#000", display: "none" })
                        .append("<div id='loading' style='padding-top:100px'><strong>Odesílám</strong><br /><img src='Static/Img/ajax-loader.gif' width='33px' height='33px' alt='loading' /></div>")
                        .show(500)
                        .prependTo($('#formBox'));
            $('#formBox').css('position', 'relative');
        }
    Sys.WebForms.PageRequestManager.getInstance().add_endRequest(endRequestHandler);
    function endRequestHandler() {
       $('#loading').delay(2000).slideUp(800);
       $('#overlay').append("<div style='padding-top:100px'><strong id='statusMsg'></strong></div>");
       if (msg != null)
          $('#statusMsg').css('display', 'none').delay(2800).fadeIn(300).text(msg);
       else
          $('#statusMsg').css('display', 'none').delay(2800).fadeIn(300).text("Problém");
       $('#overlay').delay(6000).hide(800);                                     
    }      

第一个函数使用我的 WebService。

第二个函数在 beginRequest 时做一些很酷的事情。

最后一个函数也做一些很酷的事情endRequest + 写入错误/成功消息是什么时候..但我没有从 Mailing.asmx.cs 获取字符串，我不知道为什么。 :-/ 我放入最后一个函数 if(msg != null) ...所以我知道 msg 为 null，如果你能告诉我原因，我将非常感激。

（我也在 jquery 中通过 $.ajax 尝试过，但我得到了 500 ERROR 所以我将这种方式与 Sys.WebForms.PageRequestManager 一起使用。）

Answer 1

我建议您检查以下几点来排除故障：

1. 首先查看是否有任何 java 脚本错误。 IE8 具有允许您进行脚本调试的开发人员工具，或者您可以使用 Firefox 和 Firefox。 Firebug 组合相同。
2. 检查来自/发送至浏览器的请求/响应 - 使用 Fiddler（或 Firefox/Fiebug）等工具
3. 您的 cool 逻辑可能存在问题 - 因此请尝试将 alert 放入您的查看 js 代码以查看调用了哪些代码点。当然，您实际上可以使用任何脚本调试器（包括 Visual Studio）来添加断点并单步执行。如果您不知道，您可以在 js 中使用 debugger; 语句来触发调试器 - 浏览器将提示您附加可用的调试器。

因此，我更喜欢使用 jquery ajax 方法。这里有几篇文章可以帮助您开始使用它： http://encosia.com/2008/03/27/using-jquery-to-consume-aspnet-json-web-services/ 和 http://www.dotnetfunda.com/articles/article1127-consumer- web-service-webmethod-from-jquery-in-aspnet-.aspx