jquery里的ajax怎么获取返回的数据

jquery里的ajax怎么获取返回的数据,第1张

$ajax({

type: 'get', //ajax的方式 get/post

cache: false, //是否缓存

dataType: 'json', //接收返回数据的方式

url: "<=site_url('vod/admin/vod/type_i')>"+stype, //路径

timeout: 3000, //超时时间

success:function(data){ //成功后返回的回调方法

var json // data就是后台返回的数据

}

})

给你个例子,照着改改就成:

<html>

<head>

<script src="selectuserjs"></script>

</head>

<body>

<form>

Select a User:

<select name="users" onchange="showUser(thisvalue)">

<option value="1">Peter Griffin</option>

<option value="2">Lois Griffin</option>

<option value="3">Glenn Quagmire</option>

<option value="4">Joseph Swanson</option>

</select>

</form>

<p>

<div id="txtHint"><b>User info will be listed here</b></div>

</p>

</body>

</html>

"selectuserjs" 文件中的 JavaScript 代码:

var xml>

ajax是一种传输方式,数据不是提交给ajax,而是 数据 由 ajax提交到后台(并不刷新页面)

要实现一个简单的ajax请求,要这3样东西,一个html页,一段js代码,一个可以响应请求的后台

这里使用了jquery的js框架,原生js的ajax请求我背不住

html

<!--这里需要引用一个jquery的库-->

<form id="form">

    <input name="data" type="text">

    <input type="button" value="提交" id="submit">

</form>

<div id="result"></div>

js

$("#submit")click(function(){

    $ajax({

        url:'demophp',

        type:"POST",

        data:$('#form')serialize(),

        success: function(data) {

            $("#result")text(data);

        }

    });

});

demophp

<php

if($_POST['data']){

    echo '接受到数据'$_POST['data'];

}else{

    echo 没有'接受到数据';

}

>

有两种方式 一种是

 $ajax({

                url:"后台地址的url",

                data:{

                    id:id//获取你需要的input的value

                },

                type:"POST",

                success:function(re){

                    consolelog(re);

                }

            });

另一种是序列化form表单内容

serialize()

html标签中input标签属于表单标签,也就是form标签,这些便签加上name属性,例如:<input name='userId' type='text' value='test'/>

那么在提交的时候,就会将这些标签以name属性作为参数提交到给处理页或程序。

如果是ajax传值,可以通过js获取参数值,然后拼接字符串提交,示例就不贴出来了,google上一堆。

以上就是关于jquery里的ajax怎么获取返回的数据全部的内容,包括:jquery里的ajax怎么获取返回的数据、如何利用AJAX+PHP处理表单查询数据、AJAX表单提交以及数据接收等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9876249.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-02
下一篇2023-05-02

发表评论

登录后才能评论

评论列表(0条)

    保存