4f68a0933c
fixed the resizable text area with IE problem fixed the ad space with IE problem merged the 7.2.0 and 7.1.4 change logs
102 lines
3.9 KiB
HTML
102 lines
3.9 KiB
HTML
<html>
|
|
<head>
|
|
<script src = "../../build/yahoo.js" ></script>
|
|
<script src = "../../build/connection-min.js" ></script>
|
|
<link rel="stylesheet" type="text/css" href="../../docs/assets/dpSyntaxHighlighter.css" />
|
|
</head>
|
|
<body>
|
|
<h1> Connection Manager POST Transaction</h1>
|
|
<p>
|
|
To construct a POST transaction using the Connection Manager, you will need to construct a data string as the POST message. The following code example provides a step-by-step approach to creating a simple POST transaction.
|
|
</p>
|
|
|
|
<h3>Source file and dependencies</h3>
|
|
<p>Load the YAHOO namespace and connection manager source file:</p>
|
|
|
|
<pre><textarea name="code" class="JScript" cols="60" rows="1"><script src="yahoo.js"></script>
|
|
<script src="connection.js"></script></textarea></pre>
|
|
|
|
<h3>Assemble the POST message</h3>
|
|
<p>Construct an example of key-value string of <em>username = anonymous</em> and <em>userid = 0</em>:</p>
|
|
<pre><textarea name="code" class="JScript" cols="60" rows="1">/*
|
|
* Remember to encode the key-value string if and when
|
|
* the string contains special characters.
|
|
*/
|
|
var postData = "username=anonymous&userid=0";
|
|
</textarea></pre>
|
|
<h3>The Callback Object</h3>
|
|
<p>Create a callback object to handle the response and pass an array of values to success and failure as the argument.</p>
|
|
<pre>
|
|
<pre><textarea name="code" class="JScript" cols="60" rows="1">var handleSuccess = function(o){
|
|
|
|
if(o.responseText !== undefined){
|
|
div.innerHTML = "Transaction id: " + o.tId;
|
|
div.innerHTML += "HTTP status: " + o.status;
|
|
div.innerHTML += "Status code message: " + o.statusText;
|
|
div.innerHTML += "<li>HTTP headers: <ul>" + o.getAllResponseHeaders + "</ul></li>";
|
|
div.innerHTML += "PHP response: " + o.responseText;
|
|
div.innerHTML += "Argument object: " + o.argument;
|
|
}
|
|
}
|
|
|
|
var callback =
|
|
{
|
|
success:handleSuccess,
|
|
failure: handleFailure,
|
|
argument: ['foo','bar']
|
|
};
|
|
</textarea></pre></pre>
|
|
|
|
<h3>Initiate the POST Transaction</h3>
|
|
<p>
|
|
Call YAHOO.util.Connect.asyncRequest to send the request to post.php, and the PHP file will return the a readable output of $_POST via <strong>print_r()</strong>. The handleSuccess callback will print the response object's properties, including the server response data.
|
|
</p>
|
|
|
|
<pre><textarea name="code" class="JScript" cols="60" rows="1">var request = YAHOO.util.Connection.asyncRequest('POST', sUrl, callback, postData);
|
|
</textarea></pre>
|
|
|
|
<div id="container"></div>
|
|
<script>
|
|
var div = document.getElementById('container');
|
|
|
|
var handleSuccess = function(o){
|
|
if(o.responseText !== undefined){
|
|
div.innerHTML = "<li>Transaction id: " + o.tId + "</li>";
|
|
div.innerHTML += "<li>HTTP status: " + o.status + "</li>";
|
|
div.innerHTML += "<li>Status code message: " + o.statusText + "</li>";
|
|
div.innerHTML += "<li>HTTP headers received: <ul>" + o.getAllResponseHeaders + "</ul></li>";
|
|
div.innerHTML += "<li>PHP response: " + o.responseText + "</li>";
|
|
div.innerHTML += "<li>Argument object: Array ([0] => " + o.argument[0] +
|
|
" [1] => " + o.argument[1] + " )</li>";
|
|
}
|
|
};
|
|
|
|
var handleFailure = function(o){
|
|
if(o.responseText !== undefined){
|
|
div.innerHTML = "<li>Transaction id: " + o.tId + "</li>";
|
|
div.innerHTML += "<li>HTTP status: " + o.status + "</li>";
|
|
div.innerHTML += "<li>Status code message: " + o.statusText + "</li>";
|
|
}
|
|
};
|
|
|
|
var callback =
|
|
{
|
|
success:handleSuccess,
|
|
failure:handleFailure,
|
|
argument:['foo','bar']
|
|
};
|
|
|
|
var sUrl = "post.php";
|
|
var postData = "username=anonymous&userid=0";
|
|
|
|
function makeRequest(){
|
|
var request = YAHOO.util.Connect.asyncRequest('POST', sUrl, callback, postData);
|
|
}
|
|
</script>
|
|
<form><input type="button" value="Send a POST Request" onClick="makeRequest();"></form>
|
|
<script src="../../docs/assets/dpSyntaxHighlighter.js"></script>
|
|
<script language="javascript">
|
|
dp.SyntaxHighlighter.HighlightAll('code');
|
|
</script>
|
|
</body>
|
|
</html>
|