以$.post方式提交数据并以json格式返回数据

原创于 2018-03-05 10:38:56 发布 · 1.6w 阅读

2 ·

CC 4.0 BY-SA版权

PHP 同时被 3 个专栏收录

17 篇文章

订阅专栏

jquery

6 篇文章

订阅专栏

ajax

2 篇文章

订阅专栏

本文介绍了一种使用jQuery的$.post方法提交数据到服务器，并从服务器接收JSON格式响应的方法。具体实现包括JavaScript客户端代码、PHP服务器端处理逻辑及HTML页面结构。通过下拉菜单选择选项时触发数据请求，将请求参数发送到服务器端，服务器查询数据库后返回包含特定字段的JSON数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

以$.post方式提交数据并以json格式返回数据

js部分

<script>
function getType(url, id) {
     $.post(url, {'id': id}, function(res) {
         $("input[name='formula']").val(res.finally);
         $("input[name='formula2']").val(res.proportion);
     }, 'json');
 }
</script>

PHP部分

    public function gettype(){
        $where['id'] = trim($_POST['id']);
        $info = M('formula')->where($where)->find();
        echo json_encode($info);exit;
    }

html部分

<input name="formula" class="form-control" type="text">
<input name="formula" class="form-control" type="text">
<select name='type'  select" onchange="getType('Deal/gettype', this.value);">
    <option value="海口">海口</option>
    <option value="海口">海口</option>
    <option value="海口">海口</option>
</select>