Ajax get data 发给后端

# ajax get data to servers, and get server data.

---

## define method

> 在 cmdb.py  中定义一个方法，用于接收前端的数据

```python
@cmdb.route('/ajax_get')
def ajax_get():
    server_name = request.args.get("server_name")
	# 参数形式接收 name
    server_data = request.args.get("server_data")
	# 参数形式接收 data
    return "Server Name:[ {0} ], Server Data:[ {1} ]".format(server_name,server_data)
```

## html code

> 在 cmdb.html  中定义一个form，用于接收后端的数据
```html
        <div class="col" style="border:1px dashed #002" >
            <p class="text-center">  用户 Ajax Get 数据  </p>
            <form>
                <input type="text" class="form-control" id="server_Name" placeholder="Server Name">
                <input type="text" class="form-control" id="server_Data" placeholder="Server Data">
                <button type="button" id="ajax_get" class="btn btn-primary"> 发送数据给后端 </button>
            </form>
            <hr>
            返回数据结果：<div id="ajax_data">  </div>
        </div>
```

带上 js记得如果你用上了　template，请放在　```{% block body %} *** {% endblock %}```　之内。

```js
<script type="text/javascript">
    $(document).ready (function () {
        $("#ajax_get").click(function () {
            server_name = $("#server_Name").val();
            server_data = $("#server_Data").val();
            //window.alert(server_name+server_data);
            $.ajax({
                url:'/cmdb/ajax_get',
                type: 'get',
                cache: false,
                data:{
                    server_name: server_name,
                    server_data: server_data,
                },
                success:function (data) {
                    $("#ajax_data").html(data);
                },
            });
        });
    });
</script
```

## send data

![](/media/202112/2021-12-21_080446_010072.png)

## 验证

![](/media/202112/2021-12-21_080451_296002.png)

![](/media/202112/2021-12-21_080455_229841.png)

---

done