I am trying to send the login info from a form into a IIS server and the asp file on the server will just respond back with the following text "Welcome, &name" on a ajax form on the client side. Currently, i am using a GET response and would like to send using JSON instead.
html file on client side
Quote:
<!-- AJAX component-->
<!DOCTYPE HTML>
<html>
<head>
[Code]....
Do you know a dynamic way to send 10kb of text or more using an iframe?
I tried to do that with by creating, in javascript, a dynamic iframe,
then create a form into this iframe and put the data in a textarea and
then call a sumbit(). Code:
I am having trouble sending JSON data to a server. Its definitely reaching the parser.php, but I am not what to create in PHP to fetch this data. Also I am not sure my Javascript is correct.
<SCRIPT>
var JSONObject = new Object;
JSONObject.description = "hello";
JSONstring = JSON.stringify(JSONObject);
runAjax(JSONstring);
[Code]...
<div>Hi jQuery,</div>
<div> </div>
<div>I'm trying to learn the json and ajax</div>
[code]....
I have a JSON structure in API.When I call the API in my code it returns as the same JSON .I have to print this JSON result as table with pagination in Javascript. The table should be dynamic with previous and next buttons and the table should populate the results according to the JSON and each page should have 20 entries and then the remaining entries should go on the next page and I should be able to go back and forth in the table using previous and next respectively.tell me the exact code of how to start with getting JSON from the API and then write the JSON data in the form of dynamic table with pagination.
View 1 Replies View RelatedI need to send 15 requests to my server and get results, these results are queries to other sites. I then update my page with the results. I need to know if I am taking the correct approach, as things are working a bit slow, and i.e., seems the be as slow as a snail.
Here is my function for the first request
Code:
function one(){
var xmlHttpa=null;
try{
xmlHttpa=new XMLHttpRequest();
} catch (e){
try {
xmlHttpa=new ActiveXObject("Msxml2.XMLHTTP");
} catch (e){
try {
xmlHttpa=new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {
alert("Your browser does not support AJAX!");
return false;
}}}
xmlHttpa.onreadystatechange=function(){
if(xmlHttpa.readyState==4){
document.getElementById('resulta').innerHTML = xmlHttpa.responseText;
var el = document.getElementById('showMessagea');
el.parentNode.removeChild(el);
applystyle();
}}
xmlHttpa.open("GET","one.php",true);
xmlHttpa.send(null);
}
I then call this function and others from my page, one(); two(); etc. Am I correct in my approach?
I have a selection box that allows me to select muliple items. I'm trying to use the click event handler to send an array of multiple selections back to the server using the $.ajax function and I'm having some issues. Below is my html, javascript code, and PHP server-side code:
HTML CODE:
<label>Select a Color</label><br/>
<select name="ddl" id="multiple" size=9 multiple>
<option value='blue'>Blue</option>
<option value='green'>Green</option>
<option value='red'>Red</option>
<option value='yellow'>Yelllow</option>
<option value='white'>White</option>
<option value='brown'>Brown</option>
<option value='black'>Black</option>
<option value='orange'>Orange</option>
<option value='purple'>Purple</option>
</select>
<input name="btn" id="btn" type="button" value="Submit" /><br/><br/><br/>
<div></div>
JAVASCRIPT CODE:
$(document).ready (
function(){
$('#btn').click(
function(){
$.ajax ({
type: "POST",
url: "phpMultiple.php",
data: {data: $('#multiple :selected').serialize()},
success: callback
});
});
});
function callback(data, status) {
$("div").text(data);
}
PHP SERVER-SIDE CODE:
<?php
$data = ($_POST['data']);
?>
Is it somehow possible to setup a backend server to send a message to a client? Or it is a client always have to establish a connection? What I'm trying to code is a simple chat script that sends a message to the client once a member of the chatroom has logged out. The only way that I can make this work is if the client either sends a message (which is a POST call) or when a time delay occurs (I've set a timer to run every 30s after the last GET or POST call). But both of these are basically CLIENT -> SERVER calls. I don't assume that the other way (SERVER -> CLIENT) is possible? no?
View 2 Replies View RelatedI spent the best part of yesterday trying to get my form to be sent to the server however for the life of me I cannot figure out the problem. I haven't used prototype before but here is my code that I think should work perfectly fine,The php script works perfectly, i've entered test data into it and it makes a connection to the third party server using curl and then requests information that I get back i.e. the routing id comes back. But I cannot test the data using the form as the request isn't working for some reason.
View 3 Replies View RelatedI have a html file that I want to load, loop through the json data and for each json entry I want to add a new block of the html and insert the json data into the matching div/class of the html. json looks like this:
{"Super" : [{"Name" : "John Doe", "Age" : "30"}, {"Name" : "Jane Doe", "Age" : "40"}]};
html looks like this:
<div class="Name"></div><div class="Age"></div>
So for each json entry of name/age, I want to insert that into the html, and then add another row, until all json data has been fetched. After this I want to insert all of this into #box, which is just a divthat should contain that html. Looping like this obviously does not work, since I just keep replacing the same html through the loop.
var jsonData = {"Super" : [{"Name" : "John Doe", "Age" : "30"}, {"Name" : "Jane Doe", "Age" : "40"}]};
$.each(json.Super, function() {
$('#box .Name').html(this.Name);
$('#box .Age).html(this.Age);
});
I have just started to learn about JQuery and wanted to learn how to retrieve data from an API.
I used the Flickr example provided here [url] and just changed the relevant code to point to the 500px api.
<body>
If I launch the following URL I do get the results properly [url]
Here's a sample of what the result looks like:-
I don't get any results when I run my code page. What am I doing wrong?
I'm trying to compare incoming JSON data to the existing data to see if there are any changes, but for giant objects like:
Code:
[{"date":"2011-09-03 23:06:03","notifier_id":"1","type":"1","unread":"0"},{"date":"2011-09-05 00:37:46"}]
if (JSON.stringify(oldData) == JSON.stringify(newData))
This doesn't seem to work. I've tried using:
Code:
escape("'" + JSON.stringify(W.notification.list + "'"))
but that ignores the objects properties and returns something like 22%5Bobject%20Object%5D%2C%5Bobject
whats the best way to pass a json string to the server.
if my jsonstring = {a:Ƈ',b:'sds',c:'sdg'}
could i send that to the server passing it as 1 variable like so:
url = /serverside.php?json=jsonstring
or would i have to break it down into something like this:
url = /serverside.php?a=1&b=sds&c=sdg
I need to use Jquery $.ajax() function in order to represent JSON objects in HTML page. JSONs are on a url: [URL]. That is a string of json objects.
View 1 Replies View RelatedI'm having a weird problem, not sure if I'm overlooking something or leaving something out. I'm trying to send values of a form to through AJAX to a php script then return a value. It works fine, except the author field is always blank. I've created a simplified version and it still works weird.
This is the javascript used to get the values and send them, when they come back the alert message shows Name as blank. I've looked in the PHP file to see if I made a mistake but I don't see anything.
function postComment() {
var author = document.getElementById("author").value;
var email = document.getElementById("email").value;
var comment = document.getElementById("comment").value;
var url = "includes/testComment.php";
request.open("POST", url, true);
request.onreadystatechange = showResult;
request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
request.send("author="+escape(author)+"&email="+escape(email)+"&comment="+escape(comment));}
function showResult() {
if(request.readyState == 4) {
var message = request.responseText;
alert(message);
}
}
HTML Code:
<form>Name:<br />
<input type="text" id="author" name="poster" size="25" /><br />
Email:<br />
<input type="text" id="email" name="email" size="25" /><br />
Comment:<br />
<textarea cols="36" rows="7" id="comment" name="comment"></textarea>
<input type="button" onclick="postComment();" name="submit" value="Comment" /></form>
PHP Code:
$author = trim($_REQUEST['author']);
$email = trim($_REQUEST['email']);
$comment = trim($_REQUEST['comment']);
$response = "Name = ".$author." email = ".$email." comment = ".$comment;
echo $response;
I have this code:
var dataString = $.toJSON(data);
$.post(url, {dataValues: dataString}, function(res){
$('#secretIFrame').attr('src', url);
$('#secretIFrame').html(res);
});
Problem is, I can't access dataValues at the server side once I assign this same URL to the iframe.Is there any other way to POST JSON value through form submission without ajax? or any other way out, I am trying to download file that is based on some parameters and isn't a direct download link.
How does wrapping a json response from the server in textarea tags?
View 1 Replies View RelatedI'm trying to send data to my server using xmlhttp POST. The data being
sent is actually an HTML page that is built with javascript in the
browser. The HTML code contains a small javascript function in the
<HEAD> section. I applied encodeURIComponent to the data prior to
sending it but anything between the <script> </script> tags does not
get sent. The tramsmitted data is cought by a Perl script on the
server, it handles the input as normal FORM data and writes the html
data sent to a file (with the javascript function missing). Maybe I
need to do something different related to encoding the chars for an
HTML comment (?) ...
I have writing a plugin, and have a question.about data in {} like css({}), ajax({}).what is the data type when using {}? what will they become that using in {} when they are send? are they become an array or an object?
View 1 Replies View RelatedI am doing xmlhttp ajax stuff. I am using a script called "SEXYALERTBOX". I am using it to allow the user to input a password. The textbox is called BoxPromptInput. I do not think its inside a <form> tag.
Here is the code:
function askForPass() {
Sexy.prompt('Please type the password in order to see the pictures/videos','' ,{ onComplete:
function(returnvalue) {
if(returnvalue) {
var xmlhttp = false;
var pageResponse = null;
try{xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");}
catch (error){try {xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");} catch (error) {xmlhttp = false;}} .....
Any way to pass the value since I am sure the request.form would not work in this case since its not in a form.
I have several functions in a .js file that collect various types of information from the visitor, let's just say they are strings, and want to send that information to my database. I have no problem putting the information in my database once I get everything into PHP (I'm relatively new to JS).
Am I able to make a form in the .js file and automatically submit it once all the functions finish? I also need the page not to refresh when sending this information so I'm assuming some AJAX will need to be involved. I was able to send a basic form using some jQuery I found and have the page not refresh but can't figure out how to do the same in a .js file.
<script type="text/javascript">
// wait for the DOM to be loaded
$(document).ready(function() {
// bind 'myForm' and provide a simple callback function
$('#myForm').ajaxForm(function() {
});
});
</script>
Trying to append data from an API to the frame source; not loading. master page:
[Code]...
i'm kind of dizzy right now since i've tried X different versions...still working on it. the new URL doesnt load i want to get the stud_id from the API and append it to the url that i launch in the iframe
I am doing a password reset form using Jquery and PHP. If I try to submit an email id it should sent and email and report back the response text as success so that the user knows email has been sent. But I am stuck with JSON submit as I have an empty array to decode at the serverside. I am using minified version of json2.js from the official json.org website
Here is the code.
Code JavaScript:
var formdata = $("#log-box").serializeArray();
formdata = JSON.stringify(formdata);
var notifymsg;
alert(formdata);
$.ajax({
type: "POST",
url: "forgot-pass.php",
contentType: 'application/json',
data: formdata,
success: function(responsedata){
var some = responsedata.split("&");
$.each(some, function(index,value){
//alert("index="+index+"value="+value);
});
},
error: function(o, s, e){
alert("Form not posted
"+e);
}});
formdata alerted gives:
[{"name":"email","value":"ravi.k@gmail.com"},{"name":"acctype","value":"loginaccount"}]
PHP forgot-pass.php
Code PHP:
print_r($_POST);
Gives
Array(
)
I got something like that:
<script type="text/javascript">
$(document).ready(function(){
$('#demo1').quickEdit();
});
[Code].....
i have a widget which incllude html script, I am trying to send this widget to people that request it and allow them to use it in their own webpages....I am trying to figure out how to let the person enter information in the "form" and when they press the send button no screen pops up but the information is sent to a textfile in our public html directory....
View 4 Replies View RelatedI have a problem with sending data from a form to a php script with AJAX. To test if it works, I try to send data from the form, print it in the php with "echo", and then put it back in the initial html file.
My Javascript code is:
The function stateChanged, basically says:
The problem is that the response is empty, but I don't know why. I have checked the input data and the postData variable says "firstName="+input (e.g. "firstName=Robert"), so that's not the error.