Skip to content

Instantly share code, notes, and snippets.

@axeda

axeda/postbody.html

Created June 14, 2012 14:33
Show Gist options
  • Save axeda/2930718 to your computer and use it in GitHub Desktop.
Save axeda/2930718 to your computer and use it in GitHub Desktop.
Download ZIP
Post Body HTML and Javascript
Raw
postbody.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Scripto Post Body Demo</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="refresh" content="3600">
</head>
<body>
<div id="wrapper">
<div id="header">
<h1>Scripto Post Body Demo</h1>
</div>
<p>
Username:<input type="text" id="username" /><br />
Password:<input type="password" id="password" /><br /><br />
Enter some valid JSON (validate it <a href="http://jsonlint.com/" alt="jsonlint">here</a> if you're not sure): <br /><textarea id="jsoninput" rows=10 cols=20></textarea><br />
Enter arbitrary Text: <br /><textarea id="textinput" rows=10 cols=20></textarea>
<input type="submit" value="Go" id="submitbtn" onclick="poststuff();"/>
</p>
<div id="response"></div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<script type="text/javascript">
var poststuff= function(){
var data = {}
var temp
if ($("#jsoninput").val() != ""){
try {
temp = $.parseJSON($("#jsoninput").val())
}
catch (e){
temp = ""
}
if (temp && temp != ""){
data = JSON.stringify(temp)
}
}
else if ($("#textinput").val() != ""){
data.text = $("#textinput").val()
data = JSON.stringify(data)
}
else data = {"testing":"hello"}
if ($("#username").val() != "" && $("#password").val() != ""){
// you need contentType in order for the POST to succeed
var promise = $.ajax({
type:"POST",
url: "http://dev6.axeda.com/services/v1/rest/Scripto/execute/TestPostBody?username=" + $("#username").val() + "&password=" + $("#password").val(),
data: data,
contentType:"application/json; charset=utf-8",
dataType:"text"
})
$.when(promise).then(function(json){
$("#response").html("<p>" + JSON.stringify(json) + "</p><br />Check your console for the object.<br />")
console.log($.parseJSON(json))
$("#jsoninput").val("")
$("#textinput").val("")
})
}
}
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment