JS如何接收服务器返回的数据?

在网页端使用form让用户填入一个数，并且发送到服务器。服务器端将这个数运算后，返回一个值。这个值需要显示在网页上。

网页端是这样的：

html>
<html>
<body>
<script>
function jsondata() {
    var newString = JSON.stringify(document.myForm.fname.value);
    document.myForm.fname.value = newString;
}
script>
<form name="myForm" action="http://127.0.0.1:5000" onsubmit="return jsondata()" method="get" autocomplete="off">
  Name: <input type="text" name="fname">
  <input type="submit" value="查询">
form> 
<p id="aaa">p>
body>
html>

服务器端是这样的：

import json
from flask import Flask
from flask import request

app = Flask(__name__)
@app.route('/', methods=['GET'])
def index():
    data = json.loads(request.args.get('fname'))
    return json.dumps(data + data)
if __name__ == '__main__':
    app.run()

在运行后，服务器的返回数字直接覆盖了网页，可是我想要的是返回数据显示在

中。并且网页能不刷新反复查询，只更新

中的值
请问网页端该怎么改？

你这样写直接跳转链接了，你的写个js去请求服务器，然后拿到响应数据后通过dom操作吧数据写到网页中