如何ajax的一般请求和frombody格式给后台传递数据

首先我们看下一般情况是怎么ajax获取的,当然要引入JQ,我这请求出来时分页的数据
keyword:需要传递的参数
size:每页的数据量,一般为10
index:下标,起始为1
token:和你后台约定好的token,也可以写在headers里面,当然这是你们商量的
function ajax(keyword,size,index,token){
    var content=$(".nav_information_content").html("")
    $.ajax({
        type: "get",
        dataType: "json",
        url: 'http://www.asss.sdds/dsadds/',       //需要请求的地址
        data: {key_word:keyword,size:size,index:index,Authorization:token},
        success: function (data) {       //data回调信息
        if (data != "") {
        // console.log(data);
        let pageListHtml = ''
        let pageHtml=''
        let ahtml=handleEvent(data.count,index)
        for (var i = 0; i < data.items.length; i++) {
            pageListHtml += `
                <div class="nav_information_list">
                    <div class="nav_list_news">
                        <div class="nav_news_title">
                            <h5>${data.items[i].title}</h5>
                            <p>${data.items[i].summary} </p>
                        </div>
                        <div class="nav_list_time clearfix">
                            <h6> ${data.items[i].create_time.slice(5,7)}/${data.items[i].create_time.slice(8,10)}<span>${data.items[i].create_time.slice(0,4)}</span></h6>
                            <a href="${data.items[i].category_url_name}_${data.items[i].news_content_id}.html">查看详情 > </a>
                        </div>
                    </div>
                </div>
              `
          }
        
          pageHtml=`
        <div class="nav_information_items show">
          <div class="nav_information_cont clearfix">
           ${pageListHtml}
            </div>
            <div id="nav_information_page" class="nav_information_page">
            ${ahtml}
        </div>
        </div>
          `
          content.html(pageHtml)
          check_dome()
        }else{
        
        }
        }
    });
}

我们再来看看frombody的数据传值
let sendData={title:title,question:question,reply_email:reply_email}
let send=JSON.stringify(sendData) //必须要转化值的格式
$.ajax({
//几个参数需要注意一下
type: “POST”,//方法类型
dataType: “json”,//预期服务器返回的数据类型
contentType:“application/json;charset=utf-8”, //默认不是这个,所以必须要改
url: “http://http?/www.asss.sdds/dsadds/”, //这个是URL
// processData:false,
data:send,
headers:{Authorization:1},
success: function (result) {
// console.log(result);//打印服务端返回的数据(调试用)
alert(“问题上传成功,请耐心等待回复!”)
;
},
error : function() {
alert(“数据异常!”);
}
});
还是有很多不同的,大家细心的看看吧

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
以下是一个基本的HTML页面,其中包含一个文本框和一个按钮,用于向后台发送数据。使用jQuery的AJAX方法可以轻松地向后台发送请求并接收响应。 ```html <!DOCTYPE html> <html> <head> <title>HTML AJAX示例</title> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script> $(document).ready(function() { $("#search-btn").click(function() { var value = $("#search-input").val(); // 获取文本框的值 $.ajax({ url: "search.php", // 后台处理脚本的URL type: "POST", // 请求类型为POST data: {search: value}, // 发送的数据 success: function(result) { // 成功接收响应后的回调函数 $("#result").html(result); // 将查询结果显示在页面中 } }); }); }); </script> </head> <body> <h1>HTML AJAX示例</h1> <input type="text" id="search-input" placeholder="请输入查询关键字"> <button id="search-btn">查询</button> <div id="result"></div> </body> </html> ``` 在这个示例中,当用户点击查询按钮时,jQuery的点击事件处理程序将获取文本框的值,并使用AJAX后台发送请求请求发送到名为“search.php”的脚本,请求类型为POST,发送的数据为文本框的值。请求成功后,AJAX将调用一个名为“success”的回调函数,并将响应结果作为参数传递给它。在这个回调函数中,我们将查询结果显示在页面中的一个<div>元素中。后台脚本应该能够接收请求并根据接收到的数据进行查询。例如,以下是一个简单的PHP脚本,它从数据库中查询匹配查询关键字的行,并将结果作为HTML表格返回。 ```php <?php // 获取查询关键字 $search = $_POST["search"]; // 连接到数据库 $servername = "localhost"; $username = "username"; $password = "password"; $dbname = "database"; $conn = new mysqli($servername, $username, $password, $dbname); if ($conn->connect_error) { die("连接失败:" . $conn->connect_error); } // 查询并返回结果 $sql = "SELECT * FROM mytable WHERE column LIKE '%$search%'"; $result = $conn->query($sql); if ($result->num_rows > 0) { echo "<table>"; while($row = $result->fetch_assoc()) { echo "<tr><td>" . $row["column1"] . "</td><td>" . $row["column2"] . "</td></tr>"; } echo "</table>"; } else { echo "没有查询到结果。"; } // 关闭数据库连接 $conn->close(); ?> ```
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

arguments_zd

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值