各位大拿，jqurry ajax ，在asp数据如何接收？

老李 · 发表于 2022-11-21 11:46:03

前端：一定要用post方法，因为数据比较大

$("button").click(function(){
$.post("get.asp",
{
      g_name:"王大拿",
      g_grad:"三年级"
},
function(data,status){
      alert("数据: \n" + data + "\n状态: " + status);
});
});

后端get.asp中， g_name值怎么接收？我下面的方法得不到数据

<%
g_name=request("g_name")
response.write g_name

%>

xuanxiao · 发表于 2022-11-21 14:11:55

数据比较大是什么意思？

$.ajax({
type: "GET",
url: "page.asp",
dataType:'json',
data: {id:1001},//也可以是字符串链接"id=1001"，建议用对象
success: function(data){
console.log("返回的数据: " + data );
}
});

复制代码

参考代码你试试

老李 · 发表于 2022-11-21 15:45:07

感谢回复！
我在弄一个头像剪裁工具crooperjs + ajax 的头像上传功能
头像剪裁下来，生成base64的数据，数据比较大，有时很多兆！！用过get方法，获取的数据不全，生成的图片是马赛克的不全图像！！
所以必须得采用 post 方法
现在调试完成两步
1、前端截图没问题，生成bas64 没问题
2、后端，将base64de数据前端打印出来，直接放在后端，生成图片没问题
现在卡在，如何将前端得base64数据，通过ajax 上传后端！后端获取到前面base 64得值！！获取到了，整个就跑通了！

老李 · 发表于 2022-11-21 15:55:22

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>基于cropper.js的图片裁剪</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" href="css/cropper.min.css">
<link rel="stylesheet" href="css/ImgCropping.css">
<script src="js/jquery-2.1.1.js"></script>
<script src="js/cropper.min.js"></script>
<style>
.str {
width: 150px;
height: 200px;
border: solid 1px #e3e3e3;
padding: 5px;
margin-top: 10px
}
</style>
</head>
<body>
<label title="上传图片" for="chooseImg" class="l-btn choose-btn">
<input type="file" accept="image/jpg,image/jpeg,image/png" name="file" id="chooseImg" class="hidden" onchange="selectImg(this)">
选择图片
</label>
<div class="str">
<img id="finalImg" src="" width="100%">
</div>
<div style="display: none" class="tailoring-container">
<div class="black-cloth" onclick="closeTailor(this)"></div>
<div class="tailoring-content">
<div class="tailoring-content-one">
<div class="close-tailoring" onclick="closeTailor(this)">×</div>
</div>
<div class="tailoring-content-two">
<div class="tailoring-box-parcel">
<img id="tailoringImg">
</div>
<div class="preview-box-parcel">
<p>图片预览：</p>
<div class="square previewImg"></div>
</div>
</div>
<div class="tailoring-content-three">
<button class="l-btn cropper-reset-btn">复位</button>
<button class="l-btn cropper-rotate-btn">旋转</button>
<button class="l-btn cropper-scaleX-btn">换向</button>
<button class="l-btn sureCut" id="sureCut">确定</button>
</div>
</div>
</div>
<script src="js/cropper.min.js"></script>
<script type="text/javascript">
//弹出框水平垂直居中
(window.onresize = function() {
var win_height = $(window).height();
var win_width = $(window).width();
if (win_width <= 768) {
$(".tailoring-content").css(
{
"top" : (win_height - $(".tailoring-content")
.outerHeight()) / 2,
"left" : 0
});
} else {
$(".tailoring-content").css(
{
"top" : (win_height - $(".tailoring-content")
.outerHeight()) / 2,
"left" : (win_width - $(".tailoring-content")
.outerWidth()) / 2
});
}
})();
// 选择文件触发事件
function selectImg(file) {
//文件为空，返回
if (!file.files || !file.files[0]) {
return;
}
$(".tailoring-container").toggle();
var reader = new FileReader();
reader.onload = function(evt) {
var replaceSrc = evt.target.result;
// 更换cropper的图片
$('#tailoringImg').cropper('replace', replaceSrc, false);// 默认false，适应高度，不失真
}
reader.readAsDataURL(file.files[0]);
}
// cropper图片裁剪
$('#tailoringImg').cropper({
aspectRatio : 5 / 7,// 默认比例
preview : '.previewImg',// 预览视图
guides : false, // 裁剪框的虚线(九宫格)
autoCropArea : 0.8, // 0-1之间的数值，定义自动剪裁区域的大小，默认0.8
movable : false, // 是否允许移动图片
dragCrop : true, // 是否允许移除当前的剪裁框，并通过拖动来新建一个剪裁框区域
movable : true, // 是否允许移动剪裁框
resizable : true, // 是否允许改变裁剪框的大小
zoomable : false, // 是否允许缩放图片大小
mouseWheelZoom : false, // 是否允许通过鼠标滚轮来缩放图片
touchDragZoom : true, // 是否允许通过触摸移动来缩放图片
rotatable : true, // 是否允许旋转图片
crop : function(e) {
// 输出结果数据裁剪图像。
}
});
// 旋转
$(".cropper-rotate-btn").on("click", function() {
$('#tailoringImg').cropper("rotate", 45);
});
// 复位
$(".cropper-reset-btn").on("click", function() {
$('#tailoringImg').cropper("reset");
});
// 换向
var flagX = true;
$(".cropper-scaleX-btn").on("click", function() {
if (flagX) {
$('#tailoringImg').cropper("scaleX", -1);
flagX = false;
} else {
$('#tailoringImg').cropper("scaleX", 1);
flagX = true;
}
flagX != flagX;
});
// 确定按钮点击事件
$("#sureCut").on("click", function() {
if ($("#tailoringImg").attr("src") == null) {
return false;
} else {
var cas = $('#tailoringImg').cropper('getCroppedCanvas');// 获取被裁剪后的canvas
//console.log(cas);
var base64 = cas.toDataURL('image/jpeg'); // 转换为base64
//console.log(base64);
$("#finalImg").prop("src", base64);// 显示图片
//console.log(encodeURIComponent(base64));
uploadFile(encodeURIComponent(base64))//编码后上传服务器
closeTailor();// 关闭裁剪框
}
});
// 关闭裁剪框
function closeTailor() {
$(".tailoring-container").toggle();
}
function uploadFile(file){
$.ajax({
url:"save_pic.asp",
data:"picture=" + file,
dataType:"json",
type:"post",
processData: false, // 告诉jQuery不要去处理发送的数据
//contentType: application/json, // 告诉jQuery不要去设置Content-Type请求头
success:function(data,status){
alert("数据: \n" + data + "\n状态: " + status);
}
,
error:function(xhr){
alert("错误提示： " + xhr.status + " " + xhr.statusText);
}
})
}
</script>
</body>
</html>

复制代码

老李 · 发表于 2022-11-21 15:57:39

本帖最后由老李于 2022-11-21 15:59 编辑

<%
'
Dim Subfolder,picture,path
Subfolder=year(now)&month(now)&day(now)&hour(now)&minute(now)&second(now()) ''生成当天的子文件夹的名称
picture=request("picture")
'response.Write"pitcture_1<br>"&picture&"pic_name="&pic_name
picture=URLDecoder(picture)
'response.Write "pitcture_Urldecoder<br>"&picture&"<br>"
picture=replace(picture,"data:image/jpeg;base64,","")
'response.Write "pitcture_nobase64<br>"&picture&"<br>"
'
path=Subfolder&".jpg"
response.Write picture
dim xmlstr
xmlstr="<data>"&picture&"</data>"
Dim xml : Set xml=Server.CreateObject("MSXML2.DOMDocument")
Dim stm : Set stm=Server.CreateObject("ADODB.Stream")
xml.resolveExternals=False
xml.loadxml(xmlstr)
xml.documentElement.setAttribute "xmlns:dt","urn:schemas-microsoft-com:datatypes"
xml.documentElement.dataType = "bin.base64"
stm.Type=1 'adTypeBinary
stm.Open
stm.Write xml.documentElement.nodeTypedValue
stm.SaveToFile Server.MapPath(path)
stm.Close
Set xml=Nothing
Set stm=Nothing
response.Write path
FUNCTION URLDecoder(str)
Dim objScript
Set objScript = Server.CreateObject("ScriptControl")
objScript.Language = "JavaScript"
URLDecoder = objScript.Eval("decodeURIComponent(""" & str & """.replace(/\+/g,"" ""))")
Set objScript = NOTHING
END FUNCTION
'Response.Write "{""state"":""1"",""msg"":""小时处"",""Ajax"":"""&picture&"""}"
'response.Write "{state:""1"",msg:""车公告"",picture="""&picture&"""}"
%>

复制代码

老李 · 发表于 2022-11-21 16:02:09

可以下载附件
直接在上边调试！！

xuanxiao · 发表于 2022-11-22 13:15:04

H5上传源码ASP版
http://bbs.ttasp.com/thread-9039-1-1.html
(出处: 天天ASP家园)

就是一个普通的传图功能，这里非常详细了

官方Q群

天天ASP家园网友互动群

群1: 697497501(新手学习互助群)

群2: 47598123(进阶应用群)

天天ASP家园网友互动群

[问与答] 各位大拿，jqurry ajax ，在asp数据如何接收？

在线客服

官方Q群 天天ASP家园网友互动群 群1: 697497501(新手学习互助群) 群2: 47598123(进阶应用群)

天天ASP家园网友互动群

[问与答] 各位大拿，jqurry ajax ，在asp数据如何接收？

在线客服

官方Q群

天天ASP家园网友互动群

群1: 697497501(新手学习互助群)

群2: 47598123(进阶应用群)