编程语言
首页 > 编程语言> > javascript – Angularjs $http.post – 将params作为JSON发送到ASPX webmethod

javascript – Angularjs $http.post – 将params作为JSON发送到ASPX webmethod

作者:互联网

我有以下angularjs代码发送http帖子到webmethod,但我得到以下错误没有更多的信息.有人可以帮忙吗?
如果我不向webmethod发送任何数据并且只从中获取数据,它就可以了!

无法加载资源:服务器响应状态为500(内部服务器错误)
angular.js:11442 POST http://localhost:54461/GetData.aspx/getData 500(内部服务器错误)

使用Javascript:

var request = "{'name':'" + "Nariman" + "'age':'" + 12 + "'}";
$scope.retData = {};

var config = {
    headers: {
        'Content-Type': '"application/json; charset=utf-8";',
        'dataType': '"json"'
    }
}

$scope.retData.getResult = function (item, event) {

    $http.post('GetData.aspx/getData', request, config)
        .success(function (data, status, headers, config) {
            $scope.retData.result = data.d;
        })
        .error(function (data, status, headers, config) {
            $scope.status = status;
        });
}

ASPX webmethod(C#):

public static string getData(string name, int age)
{
    string.Format("Name: {0}{2}Age: {1}", name, age, Environment.NewLine);
}

编辑————————————–

如果我不向网络方法发送任何json数据,它就可以正常工作.例如下面的代码工作,如果我把断点放在web方法内,它表明它去那里.但如果我发送json数据,它不会进入webmethod:

Javaacript(不发送任何json数据):

var config = {
    headers: {
        'Content-Type': '"application/json; charset=utf-8";',
        'dataType': '"json"'
    }
}

$scope.retData.getResult = function(item, event) {
    $http.post('GetData.aspx/getData', data, config)
        .success(function(data, status, headers, config) {
            $scope.retData.result = data.d;
        })
        .error(function(data, status, headers, config) {
            $scope.status = status;
        });
}

ASPX(没有输入参数时)

public static string getData()
{
    // just having a breakpoint shows it comes inside the 
    // webmethod when no data is passed. 
}

解决方法:

您的问题似乎与Emmanual Durai在您的问题的第一条评论中指出:var request =“{‘name’:’”“Nariman”“’age’:’”12“’}”;不是有效的json对象.

请求将为您提供{‘name’:’Nariman’age’:’12’}作为字符串,它不会解析为JSON(格式存在问题).

你应该尝试类似下面的东西来获得一个有效的字符串

var request = {
    name: "Nariman",
    age: 12
}

var requestString = JSON.stringify(request)

另请看这里How to pass json POST data to Web API method as object.您的问题通常不是特定于angularjs $http,而是通常对XHR请求.

标签:c,javascript,angularjs,asp-net,webmethod
来源: https://codeday.me/bug/20190519/1135450.html