jQuery备忘录

 

jquery 中遍历数组

var arr = [1,2,3,4,5]
$.each(arr,function(i,j){
console.log(i,j)
})

结果

0 1

1 2

....

jQuery 中遍历字典

let obj = {'name': 'lll', 'age': 15}
    $.each(obj, function (i, j) {
        console.log(i, j)
    })

结果

name lll

age   15

 

jquery 循环标签

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
</ul>
<script>
    $('ul li').each(function (i, j) {
        console.log(i, j)
        console.log($(this).html())
    })
</script>

 

jquery中删除父节点

parentEl=$(this).parent()
parentEl.remove()

 

jquery 取file类型中的值

$("#files")[0].files[0]

  

jquery取url中参数

location.search 
"?postid=1123123&update=1"


#切去几位,后面返回
location.search.slice(1)


location.href
"https://i.cnblogs.com/EditPosts.aspx?postid=1132312121&update=1"

 

  

 

jquery 生成图片验证码请求


var preimageCodeId = "" function generateImageCode() { //生成随机字符串 imageCodeId = generateUUID() //拼接url路径,携带随机字符串参数 image_url = "/passport/image_code?cur_id=" + imageCodeId + "&pre_id=" + preimageCodeId //设置到图片标签中 $(".get_pic_code").attr("src",image_url) //记录上一次的随机字符串 preimageCodeId = imageCodeId }

 

转载于:https://www.cnblogs.com/ls1997/p/10990973.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
1. HTML代码 ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>备忘录</title> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> </head> <body> <h2>备忘录</h2> <form> <label>标题:</label> <input type="text" id="title"><br><br> <label>内容:</label> <textarea id="content"></textarea><br><br> <input type="button" value="添加备忘录" onclick="addMemo()"> </form> <hr> <h3>备忘录列表</h3> <ul id="memoList"> </ul> <script src="memo.js"></script> </body> </html> ``` 2. JavaScript代码 ```javascript // 添加备忘录 function addMemo() { var title = $("#title").val(); var content = $("#content").val(); $.ajax({ type: "POST", url: "add_memo.php", // 处理新增备忘录的PHP文件 data: {title: title, content: content}, dataType: "json", success: function(data){ if(data.status == "success"){ alert("添加成功!"); $("#title").val(""); $("#content").val(""); getMemoList(); // 添加成功后,重新获取备忘录列表 }else{ alert("添加失败!"); } } }); } // 获取备忘录列表 function getMemoList() { $.ajax({ type: "GET", url: "memo_list.php", // 处理获取备忘录列表的PHP文件 dataType: "json", success: function(data){ if(data.status == "success"){ var memoListHtml = ""; for(var i=0; i<data.memoList.length; i++){ memoListHtml += "<li><h4>"+data.memoList[i].title+"</h4><p>"+data.memoList[i].content+"</p></li>"; } $("#memoList").html(memoListHtml); }else{ alert("获取备忘录列表失败!"); } } }); } $(function(){ getMemoList(); // 页面加载时获取备忘录列表 }); ``` 3. PHP代码(add_memo.php) ```php <?php header('Content-Type: application/json; charset=utf-8'); // 获取POST数据 $title = $_POST["title"]; $content = $_POST["content"]; // 连接数据库 $servername = "localhost"; $username = "root"; $password = "root"; $dbname = "memo"; $conn = new mysqli($servername, $username, $password, $dbname); if ($conn->connect_error) { die("连接失败: " . $conn->connect_error); } // SQL语句 $sql = "INSERT INTO memo (title, content) VALUES ('$title', '$content')"; if ($conn->query($sql) === TRUE) { $result = array("status"=>"success"); } else { $result = array("status"=>"fail"); } $conn->close(); echo json_encode($result); ?> ``` 4. PHP代码(memo_list.php) ```php <?php header('Content-Type: application/json; charset=utf-8'); // 连接数据库 $servername = "localhost"; $username = "root"; $password = "root"; $dbname = "memo"; $conn = new mysqli($servername, $username, $password, $dbname); if ($conn->connect_error) { die("连接失败: " . $conn->connect_error); } // SQL语句 $sql = "SELECT * FROM memo ORDER BY id DESC"; $result = $conn->query($sql); if ($result->num_rows > 0) { $memoList = array(); while($row = $result->fetch_assoc()) { $memo = array( "title"=>$row["title"], "content"=>$row["content"] ); array_push($memoList, $memo); } $result = array("status"=>"success", "memoList"=>$memoList); } else { $result = array("status"=>"fail"); } $conn->close(); echo json_encode($result); ?> ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值