php - Javascript parse JSON data from from input -
i stuck on last step of data flow. right working on building app takes input html form input field , through ajax returns data associated user inputs. i'll try , explain better below.
step 1:
user fills out form asks website url:
<form action="return.php" class="url-performance" method="post" accept-charset="utf-8"> <input type="text" name="target_url" value="" placeholder="yourwebsite.com" /> <input type="submit" name="submit" value="submit form" /> </form> <div class="the-return"></div>
step 2:
after data submitted return.php ajax function in main js file:
$(".url-performance").submit(function(){ var data = { "action": "test" }; data = $(this).serialize() + "&" + $.param(data); $.ajax({ type: "post", datatype: "json", url: "../wp-content/themes/company/response.php", data: data, success: function( $(".the-return").html( "url: http://api.url" + data["target_url"] ); } }); return false; });
step 3:
data passed through response.php
if (is_ajax()) { if (isset($_post["action"]) && !empty($_post["action"])) { //checks if action value exists $action = $_post["action"]; switch($action) { //switch case value of action case "test": test_function(); break; } } } //function check if request ajax request function is_ajax() { return isset($_server['http_x_requested_with']) && strtolower($_server['http_x_requested_with']) == 'xmlhttprequest'; } function test_function(){ $return = $_post; $return["json"] = json_encode($return); echo json_encode($return); }
the issue running need json data http://api.url" + data["target_url"]. like:
{ uss001: { node_id: "awsus1", domain: "dyn.com", results: [ { nameserver: "ns1.p01.dynect.net", nameserver_ip: "208.78.70.1", ip: "199.180.184.220", query_time: 2 }, { nameserver: "ns2.p01.dynect.net", nameserver_ip: "204.13.250.1", ip: "199.180.184.220", query_time: 5 }, { nameserver: "ns3.p01.dynect.net", nameserver_ip: "208.78.71.1", ip: "199.180.184.220", query_time: 2 }, { nameserver: "ns4.p01.dynect.net", nameserver_ip: "204.13.251.1", ip: "199.180.184.220", query_time: 11 } ], query_time: 2, nameserver_used: "ns1.p01.dynect.net", nameserver_used_ip: "208.78.70.1", test_time: 0.13942 }, eus001: { node_id: "eus001", domain: "dyn.com", results: [ { nameserver: "ns3.p01.dynect.net", nameserver_ip: "208.78.71.1", ip: "134.0.76.51", query_time: 1 }, { nameserver: "ns2.p01.dynect.net", nameserver_ip: "204.13.250.1", ip: "134.0.76.51", query_time: 8 }, { nameserver: "ns1.p01.dynect.net", nameserver_ip: "208.78.70.1", ip: "134.0.76.51", query_time: 1 }, { nameserver: "ns4.p01.dynect.net", nameserver_ip: "204.13.251.1", ip: "134.0.76.51", query_time: 7 } ], query_time: 1, nameserver_used: "ns3.p01.dynect.net", nameserver_used_ip: "208.78.71.1", test_time: 0.33029 }, hks001: { node_id: "hks001", domain: "dyn.com", results: [ { nameserver: "ns3.p01.dynect.net", nameserver_ip: "208.78.71.1", ip: "103.11.201.138", query_time: 6 }, { nameserver: "ns4.p01.dynect.net", nameserver_ip: "204.13.251.1", ip: "103.11.201.138", query_time: 122 }, { nameserver: "ns2.p01.dynect.net", nameserver_ip: "204.13.250.1", ip: "103.11.201.138", query_time: 11 }, { nameserver: "ns1.p01.dynect.net", nameserver_ip: "208.78.70.1", ip: "103.11.201.138", query_time: 6 } ], query_time: 6, nameserver_used: "ns3.p01.dynect.net", nameserver_used_ip: "208.78.71.1", test_time: 0.68504 }, aus001: { node_id: "aus001", domain: "dyn.com", results: [ { nameserver: "ns2.p01.dynect.net", nameserver_ip: "204.13.250.1", ip: "103.11.201.138", query_time: 1 }, { nameserver: "ns1.p01.dynect.net", nameserver_ip: "208.78.70.1", ip: "103.11.201.138", query_time: 2 }, { nameserver: "ns3.p01.dynect.net", nameserver_ip: "208.78.71.1", ip: "103.11.201.138", query_time: 1 }, { nameserver: "ns4.p01.dynect.net", nameserver_ip: "204.13.251.1", ip: "103.11.201.138", query_time: 2 } ], query_time: 1, nameserver_used: "ns2.p01.dynect.net", nameserver_used_ip: "204.13.250.1", test_time: 1.30983 } }
what stuck on finding javascript equivalent file_get_contents (php).
check output in ajax success using
json.stringify(data);
Comments
Post a Comment