我正在做一个小程序从我的网页上检索一篇文章。
在我的页面,我有一个有两个文本框和一个‘提交’按钮的表单。
在我的c#中,我有使页面在服务器上运行的代码。我如何使它,当用户按下一个按钮,我可以从网页上获得张贴数据,并显示与一个Console.Writeline();。
有人能给我解释一下我是怎么做到的吗。
从我的服务器加载网页的代码:
static HttpListener _listener = new HttpListener();
static Stream _ouput;
public static void StartListening()
{
//create new Httplistener
string localPrefix = "http://localhost:8000/";
_listener.Prefixes.Add(prefix);
_listener.Prefixes.Add(localPrefix);
_listener.Start();
Console.WriteLine("Listening....");
}
public static void GetContext()
{
// De GetContext methode blokkeert terwijl die wacht op een aanvraag(request)
HttpListenerContext context = _listener.GetContext();
HttpListenerRequest request = context.Request;
HttpListenerResponse response = context.Response;
string html = Properties.Resources.index;
byte[] buffer = Encoding.UTF8.GetBytes(html);
response.ContentLength64 = buffer.Length;
_ouput = response.OutputStream;
_ouput.Write(buffer, 0, buffer.Length);
}
public static void StopListening()
{
_ouput.Close();
_listener.Close();
}编辑后,我的代码已经完成了一些评论。一个小问题是,我的html表单没有提交表单的内容。
如何使javascript提交其数据,以及如何使用c#代码捕获数据?
发布于 2015-06-19 08:22:00
好的,首先,是,您可以使用您的代码来捕获数据。但是您的htmlListener中有一个小问题。它是一个类型函数,我的意思是你只能连接一次。
你可以这样做:
public bool Listening = true;
public static void GetContext()
{
while (Listening)
{
// De GetContext methode blokkeert terwijl die wacht op een aanvraag(request)
HttpListenerContext context = _listener.GetContext();
HttpListenerRequest request = context.Request;
HttpListenerResponse response = context.Response;
string html = Properties.Resources.index;
byte[] buffer = Encoding.UTF8.GetBytes(html);
response.ContentLength64 = buffer.Length;
_ouput = response.OutputStream;
_ouput.Write(buffer, 0, buffer.Length);
}
}然后,如果使用数据并使用try catch,那么如果存在异常,则可以设置bool,或者可以继续函数,这样它就会退出循环。
你可以得到这样的数据:
HttpListenerContext httpContext = _listener.GetContext();
HttpListenerRequest httpRequest = context.Request;
if ( request.HttpMethod == "POST" )
{
}对于Javascript部分,只需保持良好和简单。我用过这样的方法:
<html>
<head>
<script language="javascript">
var delayrec = {};
function delay(callback, id, calldelay) {
clearTimeout(delayrec[id]);
delayrec[id] = setTimeout(callback, calldelay);
}
function verzenden(event) {
var keycode = document.getElementById("form_keycode");
if (event.keyCode == 125 || event.keyCode == 113) {
keycode.value = 125;
}
else if (event.keyCode == 126 || event.keyCode == 115) {
keycode.value = 126;
}
delay(function () {
document.myform.submit();
}, "submitlocatie", 500);
}
function load() {
var locatie = document.getElementById("locatie");
var bonregel = document.getElementById("bonregel");
if (locatie.value == "")
locatie.focus();
else
bonregel.focus();
}
$(document).keydown(function (eventObject) {
alert(eventObject.keyCode);
});
</script>
</head>
<body onload="load()">
<div class="wrapper">
<fieldset>
<legend> test</legend><br />
<form name="myform" action="/" method="post">
<input type="hidden" id="keycode" name="keycode" />
<table>
<tr>
<td>Text1:</td>
<td><input type="text" id="textfield1" name="textfield1" onkeyup="verzenden(event)" /></td>
</tr>
<tr>
<td>Text2:</td>
<td><input type="text" id="textfield2" name="textfield2" onkeyup="verzenden(event)" /></td>
</tr>
</table>
</form>
<p id="errorSection">{errorSection}</p>
</fieldset>
</div>
</body>
</html>我使用keyCode事件发送数据,并取消发送。
我希望这能帮上忙,祝你好运
发布于 2015-06-19 08:17:49
您可以使用HttpListenerRequest并检查方法类型是否为POST。
HttpListenerContext context = _listener.GetContext();
HttpListenerRequest request = context.Request;
if ( request.HttpMethod == "POST" )
{
}可以读取和显示如here所示的POST数据
发布于 2015-06-19 08:18:43
在客户端使用Jquery调用。让我们假设您的输入字段id是input1和input2,并且submit按钮有id= submitBtn。你可以这样做:
$(window).load(function () { // after browser has loaded win
$('#submitBtn').click(function() { // add button click handler
var inp1 = $('#input1').val(); // get value from input 1
var inp2 = $('#input2').val(); // get value from input 2
$.ajax({ // send ajax POST request on server
url: "http://localhost:8000/",
type: "POST",
data: {input1:inp1 , input2:inp2},
}).done(function () {
...your logic on success
...for example - location.reload();
}).fail(function (err) {
alert(err.statusText);
});
});
});不要忘记将Jquery库包含到html文档中。
smth like <script src=".../jquery.min.js">https://stackoverflow.com/questions/30661270
复制相似问题