Ajax传地址

Posted 颠覆整个世界

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Ajax传地址相关的知识,希望对你有一定的参考价值。

利用Ajax将图片存入数据库的过程中可能会出现路径乱码或不一致的现象因此要对其进行编码解码:

复制代码
<!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
//通过Ajax的形式传值存入数据库
$url = $_POST["url"];

//在处理页面将接收到的路径进行解码
//处理页面中
$lujing = urldecode($url);
include("../DBDA.php");
$db = new DBDA();

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

$db->Query($sql,1);
复制代码

显示的效果:

以上是关于Ajax传地址的主要内容,如果未能解决你的问题,请参考以下文章

6月23 Ajax传地址

ajax相关操作

html PHP代码片段: - AJAX基本示例:此代码演示了使用PHP和JavaScript实现的基本AJAX功能。

ajaxFileUpload 怎么传相关参数到后台

Android - 如何将自定义对象传递给片段

通过JQuery实现Ajax代码