weixin_33738578 2017-01-24 22:54 采纳率: 0%
浏览 32

如何发布.Ajax的Json？

i want to post two items into server by using ajax in java-script; based on server-side document the post url is like this 

http://example.com/h/{first-item}/{second-item}

this is my java-script code:

  $('#add-order').on('click', function() {
    var name = $('#name');
    var drink = $('#drink');

    var order = ?? // my question is this part what should i add 

    $.ajax({
      type: 'POST',
      url: 'http://example.com/h/',
      data: order,
      contentType: 'application/json',
      success: function(data) {
       console.log("Data added!", data);
      }
    });
  });

and this is my HTML:

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>

    <div class="input-group">
        <h4>Add a Coffee Order</h4>
        <p>name: <input type="text" id="name"></p>
        <p>name_space: <input type="text" id="drink"></p>
        <button id="add-order">Add!</button>
    </div>

<script src="jquery.js"></script>
<script src="script.js"></script>
</body>
</html>

i am a new in ajax, thanks for your help.

  • 写回答

2条回答 默认 最新

  • weixin_33675507 2017-01-24 23:10
    关注

    You have to set the contentType to application/json in your Ajax request.

    i.e as following:

    $.ajax({
    type: 'POST',
    url: 'http://example.com/h/',
    data: order,
    contentType: "application/json",
    dataType: "json",
    success: function(data) {
     console.log("Data added!", data);
    }
  });
});

    here is an example for creating and encoding a json object. 

    var myObj = { 
        "name": $('#name').val(),
        "drink": $('#drink').val()
}; 

var order = JSON.stringify(myObj);
    评论

报告相同问题？

悬赏问题

  • ¥15 基于卷积神经网络的声纹识别
  • ¥15 Python中的request，如何使用ssr节点，通过代理requests网页。本人在泰国，需要用大陆ip才能玩网页游戏，合法合规。
  • ¥100 为什么这个恒流源电路不能恒流？
  • ¥15 有偿求跨组件数据流路径图
  • ¥15 写一个方法checkPerson，入参实体类Person，出参布尔值
  • ¥15 我想咨询一下路面纹理三维点云数据处理的一些问题，上传的坐标文件里是怎么对无序点进行编号的，以及xy坐标在处理的时候是进行整体模型分片处理的吗
  • ¥15 CSAPPattacklab
  • ¥15 一直显示正在等待HID—ISP
  • ¥15 Python turtle 画图
  • ¥15 stm32开发clion时遇到的编译问题