服务器返回原页面后再运行一段JS,怎么实现
服务器返回原页面后再运行一段JS,如何实现?
页面就几个text框,一个提交。当客户提交信息后,服务端按信息生成相关的图片 ,最后返给原页面同时加上图片。如何生成?
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
<script type="text/javascript">
function ajax(url,onsuccess,onfail)
{
var xmlhttp = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');
xmlhttp.open("POST", url, false);
xmlhttp.onreadystatechange = function ()
{
if (xmlhttp.readyState == 4)
{
if (xmlhttp.status == 200)
{
alert(xmlhttp.responseText);
onsuccess(xmlhttp.responseText);
}
else
{
onfail(xmlhttp.status);
}
}
}
xmlhttp.send(); //这时才开始发送请求
}
function sp() {
ajax("/Home/Index", showpic);
return true;
}
</script>
</head>
<body>
<form action="/Home/Index" method="post" id="T1">
<div>
Hey baby,you got the Barcode map as below.
</div>
<div>
<span>请输入字符:</span><input name="Barstr" autofocus/>
</div>
<input type="button" name="submit" value="提交" onclick="sp();"/>
<div id="imgshow">
</div>
<input type="hidden" name="IsPostback" value="on" />
</form>
<script type="text/javascript">
function showpic() {
alert("ffsp");
document.getElementById("imgshow").innerHTML = '<img src = "/Home/img" >';
}
</script>
------解决思路----------------------
url后面加个参数不行?
------解决思路----------------------
你是问服务器端怎么生成图片还是什么?如果是服务器端自己找相关的语言来看如何生成图片
客户端的加载图片你不是已经做好了,建议改成下面的
动态页返回生成的图片文件名称就好了,然后执行下showpic设置图片容器显示图片
页面就几个text框,一个提交。当客户提交信息后,服务端按信息生成相关的图片 ,最后返给原页面同时加上图片。如何生成?
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
<script type="text/javascript">
function ajax(url,onsuccess,onfail)
{
var xmlhttp = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');
xmlhttp.open("POST", url, false);
xmlhttp.onreadystatechange = function ()
{
if (xmlhttp.readyState == 4)
{
if (xmlhttp.status == 200)
{
alert(xmlhttp.responseText);
onsuccess(xmlhttp.responseText);
}
else
{
onfail(xmlhttp.status);
}
}
}
xmlhttp.send(); //这时才开始发送请求
}
function sp() {
ajax("/Home/Index", showpic);
return true;
}
</script>
</head>
<body>
<form action="/Home/Index" method="post" id="T1">
<div>
Hey baby,you got the Barcode map as below.
</div>
<div>
<span>请输入字符:</span><input name="Barstr" autofocus/>
</div>
<input type="button" name="submit" value="提交" onclick="sp();"/>
<div id="imgshow">
</div>
<input type="hidden" name="IsPostback" value="on" />
</form>
<script type="text/javascript">
function showpic() {
alert("ffsp");
document.getElementById("imgshow").innerHTML = '<img src = "/Home/img" >';
}
</script>
------解决思路----------------------
url后面加个参数不行?
------解决思路----------------------
你是问服务器端怎么生成图片还是什么?如果是服务器端自己找相关的语言来看如何生成图片
客户端的加载图片你不是已经做好了,建议改成下面的
动态页返回生成的图片文件名称就好了,然后执行下showpic设置图片容器显示图片
function showpic(picurl) {//增加参数,以便显示指定的图片
document.getElementById("imgshow").innerHTML = '<img src = "'+picurl+'" >';
}