Ajax傳地址

利用Ajax將圖片存入數據庫的過程當中可能會出現路徑亂碼或不一致的現象所以要對其進行編碼解碼:javascript

複製代碼
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<script src="../jquery-1.11.2.min.js"></script>
</head>

<body>
<img src="/test0623/img/aa.jpg" id="img" />
</body>
<script type="text/javascript">
$(document).ready(function(e) {
    var url = $("#img").attr("src");
    //alert(url);
    //在使用Ajax的過程當中,若是要經過JSON傳遞路徑處處理頁面,會出現傳值不正確,
    //解決方法就是在傳值以前將路徑進行編碼
    //JS中
    var lujing = encodeURIComponent(url);  
    $.ajax({
        url:"chuli.php",
        data:{url:lujing},
        type:"POST",
        dataType:"TEXT",
        success: function(data){
            //alert(data);
            
            }
        
        });
});
</script>
</html>
複製代碼

處理頁面:php

複製代碼
<?php
//經過Ajax的形式傳值存入數據庫
$url = $_POST["url"];

//在處理頁面將接收到的路徑進行解碼
//處理頁面中
$lujing = urldecode($url);
include("../DBDA.php");
$db = new DBDA();

$sql = "insert into nation values('z003','{$lujing}')";

$db->Query($sql,1);
複製代碼

顯示的效果:html

相關文章
相關標籤/搜索