Question

我是asp.net和网络服务的网。我正在开发HTML 5应用程序，它调用asp.net web-service。我已经在IIS7上发布了我的asp.net Web服务，它工作正常，但是当我通过外部HTML 5 JQuery调用Web服务时，它给了我未定义的错误。

以下是我的网络服务代码：

using System;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Web.Services.Protocols;
using System.Xml.Linq;

[WebService(Namespace = "http://tempuri.org/")]
[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 Service : System.Web.Services.WebService
{
    public Service () {

        //Uncomment the following line if using designed components 
        //InitializeComponent(); 
    }

    [WebMethod]
    public string HelloWorld() {
        return "Byeeee";
    }


}

我的Jquery代码是：

// JavaScript Document
 $(document).ready(function() {

         $.ajax({
                type: "POST",
                url: "http://localhost/mywebserice/Service.asmx?op=HelloWorld",
                Content-Type: 'application/x-www-form-urlencoded',
                dataType: "xml",
                data: '{}',
                 success: function(){
                    alert("Success");
                },
                error: function(){
                    alert("Error");
                }
        });
});

我的HTML5代码是：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="jquery-1.10.2.js"></script>
<script type="text/javascript" src="newJS.js"></script>
</head>

<body>
</body>

</html>

任何人都可以帮我解决这个问题吗？

Answer 1

你的jQuery ajax设置属性是错误的。

首先，没有Content-Type这样的属性。使用contentType。

其次，您指定了错误的网址结构。 ajax url的结构应该是这样的：

   domain/ServiceName.asmx/MethodName?anyParamters=value

您还可以指定相对网址，如果您从中调用网络服务的网页和网络服务属于同一个网域i，e，

   ~/ServiceName.asmx/MethodName?anyParamters=value

将您的ajax功能更改为：

$.ajax({
         type: "POST",
         url: "http://localhost/mywebserice/Service.asmx/HelloWorld",
         contentType: 'application/x-www-form-urlencoded',
         dataType: "xml",
         data: {},
         success: function (msg) {
              alert($(msg).text());
              //console.log($(msg).text());
         },
         error: function(xhr, status, error){
                  console.log("Error");
          }
});

你可以阅读jQuery ajax here的所有可能属性。试一试

来自外部HTML页面的asp.net Web服务调用上的未定义错误

1 个答案: