weixin_33704591 2015-04-09 14:54 采纳率: 0%
浏览 13

使用Angular JS调用http [关闭]

Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
                </div>
            </div>
        </div>
                <hr class="my12 outline-none baw0 bb bc-powder-2">
            <div class="grid fw-nowrap fc-black-600">
                    <div class="grid--cell mr8">
                        <svg aria-hidden="true" class="svg-icon iconLightbulb" width="18" height="18" viewbox="0 0 18 18"><path d="M9.5.5a.5.5 0 0 0-1 0v.25a.5.5 0 0 0 1 0V.5zm5.6 2.1a.5.5 0 0 0-.7-.7l-.25.25a.5.5 0 0 0 .7.7l.25-.25zM1 7.5c0-.28.22-.5.5-.5H2a.5.5 0 0 1 0 1h-.5a.5.5 0 0 1-.5-.5zm14.5 0c0-.28.22-.5.5-.5h.5a.5.5 0 0 1 0 1H16a.5.5 0 0 1-.5-.5zM2.9 1.9c.2-.2.5-.2.7 0l.25.25a.5.5 0 1 1-.7.7L2.9 2.6a.5.5 0 0 1 0-.7z" fill-opacity=".4"></path><path opacity=".4" d="M7 16h4v1a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-1z" fill="#3F3F3F"></path><path d="M15 8a6 6 0 0 1-3.5 5.46V14a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1v-.54A6 6 0 1 1 15 8zm-4.15-3.85a.5.5 0 0 0-.7.7l2 2a.5.5 0 0 0 .7-.7l-2-2z" fill="#FFC166"></path></svg>
                    </div>
                <div class="grid--cell lh-md">
                    <p class="mb0">
                        <b>Want to improve this question?</b> <a href="/posts/29541942/edit">Update the question</a> so it's <a href="/help/on-topic">on-topic</a> for Stack Overflow.
                    </p>
                    <p class="mb0 mt6">Closed <span title="2015-04-09 22:38:32Z" class="relativetime">5 years ago</span>.</p>
                </div>
            </div>
    </aside>

I don't understand how to use Angular JS to make an API call.

I can make a post call using Ajax, but I would like to make the same call using the Angular syntax.

Using Ajax it looks like this:

$.ajax({

        url: "url",
        contentType: "application/json",
        type: "POST",
        dataType: "json",
        data: JSON.stringify(data),
        success: function (result) {
            alert(JSON.stringify(result));
        }
    });

and this code works, however when I try to do the same thing with a http call:

$http({

    method: "POST",
    url: "url",
    headers: {'contentType': "application/json"},
    data: JOSN.stringify(data)
  }).success(function(account){
    alert("You logged in!");
  }).error(function(){
    alert("Incorrect Information");
  });

Neither the success nor the error alert triggers.

I have looked over other http calls in Angular and am unable to find a difference between my code and the other calls. What is causing my code to fail?

Thanks!

</div>
  • 写回答

1条回答 默认 最新

  • weixin_33725722 2015-04-09 15:25
    关注

    Have you tried these examples? https://docs.angularjs.org/api/ng/service/$http

    I'd recommend doing it like this, if data is an object:

    $http.post('url', data)
        .success(function(account){
            alert("You logged in!");
        })
        .error(function(){
            alert("Incorrect Information");
        });
    

    Your object will already be appropriately formatted and stringified for you.

    评论

报告相同问题?

悬赏问题

  • ¥20 verilog状态机方法流水灯
  • ¥15 pandas代码实现不了意图
  • ¥15 GD32H7 从存储器到外设SPI传输数据无法重复启用DMA
  • ¥25 LT码在高斯信道下的误码率仿真
  • ¥45 渲染完成之后将物体的材质贴图改变,自动化进行这个操作
  • ¥15 yolov5目标检测并显示目标出现的时间或视频帧
  • ¥15 电视版的优酷可以设置电影连续播放吗?
  • ¥50 复现论文;matlab代码编写
  • ¥30 echarts 3d地图怎么实现一进来页面散点数据和卡片一起轮播
  • ¥15 数字图像的降噪滤波增强