Javascript 从 Web 服务获取数据

Question

我是 Web 应用程序开发的新手，我正在尝试创建一个登录页面并使用 javascript 从本地数据库中获取用户数据。但是我很难找到我做错了什么。这是我的javascript代码

$(document).ready(function () {

$("#log-in-form").on("submit", function (e) {
    e.preventDefault();

    var username = $(this).find("input[type=text]").val();
    var password = $(this).find("input[type=password]").val();

    Authentication(username, password);

});

function Authentication(username,password){
    $.ajax({

        type: "GET",
        url: "../Web Service/LogIn.asmx/get_uinfos",
        data: "{'domain':" + username + "', 'accountpassword':'" + password + "'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (response) {
            var result = response.d;
            var length = response.length;

            $.each(result, function (index, data) {
                var alias = data.alias;
                window.localStorage.replace("Main.aspx");
            });
        },
        error: function () {
            alert('Function Error "get_uinfos"')
        }
    });
}



});

我正在使用这些代码使用 Web 服务连接到本地服务器

using Wishlist_2017;
using System;
using System.Collections.Generic;
using System.Data;
using System.Data.SqlClient;
using System.IO;
using System.Linq;
using System.Security.Cryptography;
using System.Text;
using System.Web.Script.Services;
using System.Web.Services;


namespace Wishlist_2017.Web_Service
{
    /// <summary>
    /// Summary description for LogIn
    /// </summary>
    [WebService(Namespace = "http://tempuri.org/")]
    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
    [System.ComponentModel.ToolboxItem(false)]
    // 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 LogIn : System.Web.Services.WebService
    {
        dbconn dbcon = new dbconn();

        public class uinfos
        {
            public int id;
            public string alias;
            public string monito;
        }

        static List<uinfos> _get_uinfos = new List<uinfos> { };
        [ScriptMethod(ResponseFormat = ResponseFormat.Json)]
        [WebMethod]
        public List<uinfos> get_uinfos(string domain, string accountpassword)
        {
            DataTable table = null;
            SqlCommand cmd = new SqlCommand();

            cmd.CommandText = "Retrieve_UserInfo";

            cmd.Parameters.AddWithValue("@Domain", domain);
            cmd.Parameters.AddWithValue("@Password", accountpassword);

            cmd.CommandType = System.Data.CommandType.StoredProcedure;
            table = this.dbcon.ExecuteDataTable(cmd);

            _get_uinfos.Clear();

            foreach (DataRow row in table.Rows)
            {
                uinfos _list = new uinfos();

                _list.id = Convert.ToInt32(row["id"]);
                _list.alias = row["Alias"].ToString();
                _list.monito = row["Monito"].ToString();

                _get_uinfos.Add(_list);
            }

            return _get_uinfos;
        }
    }
}

但在尝试通过填写用户名和密码登录时，我在控制台上遇到此错误

谁能帮忙看一下，不胜感激

编辑 1：

这是服务器类的代码

    using System;
using System.Collections.Generic;
using System.Configuration;
using System.Data;
using System.Data.SqlClient;
using System.Linq;
using System.Web;

namespace Wishlist_2017
{
    public class dbconn
    {
        string objConn = ConfigurationManager.ConnectionStrings["Server"].ToString();

        public dbconn()
        {
            //
            // TODO: Add constructor logic here
            //
        }

        public DataTable ExecuteDataTable(SqlCommand cmd)
        {
            DataTable dt = new DataTable();

            using (SqlConnection cn = new SqlConnection(objConn))
            {
                try
                {
                    cn.Open();
                    cmd.Connection = cn;
                    cmd.CommandTimeout = 1000;

                    SqlDataAdapter da = new SqlDataAdapter(cmd);

                    da.Fill(dt);
                }
                catch (Exception ex)
                {
                    throw ex;
                }
                finally
                {
                    if (cn.State != System.Data.ConnectionState.Closed)
                        cn.Close();
                }

                return dt;
            }
        }

        public void ExecuteNonQuery(SqlCommand cmd)
        {
            using (SqlConnection cn = new SqlConnection(objConn))
            {
                try
                {
                    cn.Open();
                    cmd.Connection = cn;
                    cmd.CommandTimeout = 1000;
                    cmd.ExecuteNonQuery();
                }
                catch (Exception ex)
                {
                    throw ex;
                }
                finally
                {
                    if (cn.State != System.Data.ConnectionState.Closed)
                        cn.Close();
                }
            }
        }


        public object ExecuteScalar(SqlCommand cmd)
        {
            object result = null;

            using (SqlConnection cn = new SqlConnection(objConn))
            {
                try
                {
                    cn.Open();
                    cmd.Connection = cn;
                    cmd.CommandTimeout = 1000;
                    result = cmd.ExecuteScalar();
                }
                catch (Exception ex)
                {
                    throw ex;
                }
                finally
                {
                    if (cn.State != System.Data.ConnectionState.Closed)
                        cn.Close();
                }
            }

            return result;
        }
    }
    }

连接字符串在我的 web.config 中定义

编辑 2：

这是我的 web.config 上的连接字符串

<connectionStrings>
  <add name="Server" connectionString="Data Source=(LocalDB)\ArnServer; initial Catalog=Wishlist; uid=sa; pwd=ordiz@2017!; Asynchronous Processing=true" providerName="System.Data.SqlClient"/>
</connectionStrings>

Answer 1

这是一个棘手的问题。我花了一些时间才意识到这个问题。该错误表示它无法创建Wishlist_2017.Web_Service.LogIn 的实例。您提供的文件似乎表明它在它应该在的位置，并且文件似乎没问题。

但是，在构造函数上下文中，有这样的调用：dbconn dbcon = new dbconn();。如果那个失败，它可能会导致类型创建以一种不太具体的方式失败。

进一步分析，似乎dbconn文件有类似的初始化连接方式：

string objConn = ConfigurationManager.ConnectionStrings["Server"].ToString();

如果那个失败，dbconn 的创建将失败，LogIn 将随后失败。连接字符串似乎有另一个名称或某些配置无效。

尝试从dbconn 中删除objConn 初始化是否解决了类型创建问题。

Answer 2

非常微妙的问题，但您的连接字符串行是问题，即

string objConn = ConfigurationManager.ConnectionStrings["Server"].ToString();

ConnectionStrings['xxx'] 返回一个对象而不是字符串本身，你想要

string objConn = ConfigurationManager.ConnectionStrings["Server"].ConnectionString; 

Answer 3

永远不要手动创建 json。这比在您使用的任何语言中使用 json 序列化程序更耗时且容易出错。

由于引用不当，您正在创建的内容无效！

在对象上使用JSON.stringify()

data: JSON.stringify({'domain': username , 'accountpassword':  password }),