Completed

URL with Query String > REACT API Call > Results into HTML

Using REACT, we want to pull in API results into HTML. We want to use a query string parameter to determine which results to pull using the API call and then display results.

The goal is to have the query string parameter from the following URL pull into the API: [login to view URL]

The “3828840” is the result ID that will then go into the API Call in two spots (example): [login to view URL][CLIENTID]/forms/form15/results?fs_api_key=[APIKEY]&fs_min_id=3828840&fs_max_id=3828840

We then want to pull the result values into HTML. We just need the two data type examples and we can fulfill the rest.

For example, pull in:

Id=”176” value

Id=”268” value, row index 0, value index 0

Example results:

<fs_response status="success" timestamp="2018-10-03 16:11:12">

<results>

<result id="3828840">

<metas>

<meta id="result_status">Complete</meta>

<meta id="date_start">2018-10-01 10:56:41</meta>

<meta id="date_finish">2018-10-01 10:57:41</meta>

<meta id="date_update">2018-10-01 11:10:38</meta>

<meta id="user_ip">[login to view URL]</meta>

<meta id="user_browser">Chrome</meta>

<meta id="user_os">Mac</meta>

<meta id="user_referrer">N/A</meta>

<meta id="payment_amount">0.00</meta>

</metas>

<items>

<item id="176" index="2" type="text">

<value>Test</value>

</item>

<item id="253" index="3" type="text">

<value>Test</value>

</item>

<item id="175" index="4" type="text">

<value>Test</value>

</item>

<item id="260" index="5" type="text">

<value>9</value>

</item>

<item id="246" index="11" type="text">

<value>Test</value>

</item>

<item id="247" index="12" type="text">

<value>Test</value>

</item>

<item id="261" index="14" type="text">

<value>Test</value>

</item>

<item id="262" index="17" type="text">

<value>Test</value>

</item>

<item id="184" index="22" type="text">

<value>Test</value>

</item>

<item id="129" index="23" type="text">

<value>Test</value>

</item>

<item id="188" index="26" type="text">

<value>Test</value>

</item>

<item id="189" index="27" type="text">

<value>Test</value>

</item>

<item id="187" index="29" type="text">

<value>Test</value>

</item>

<item id="191" index="30" type="text">

<value>Test</value>

</item>

<item id="249" index="38" type="text">

<value>Test</value>

</item>

<item id="250" index="39" type="text">

<value>Test</value>

</item>

<item id="190" index="51" type="text">

<value>Test</value>

</item>

<item id="153" index="53" type="text">

<value>Test</value>

</item>

<item id="199" index="56" type="text">

<value>Test</value>

</item>

<item id="201" index="58" type="text">

<value>Test</value>

</item>

<item id="206" index="61" type="text">

<value>Test</value>

</item>

<item id="208" index="63" type="text">

<value>Test</value>

</item>

<item id="211" index="66" type="text">

<value>Test</value>

</item>

<item id="213" index="68" type="text">

<value>Test</value>

</item>

<item id="216" index="71" type="text">

<value>Test</value>

</item>

<item id="218" index="73" type="text">

<value>Test</value>

</item>

<item id="268" index="101" type="list">

<row index="0">

<value index="0">1</value>

<value index="1">2</value>

<value index="2">3</value>

<value index="3">4</value>

</row>

</item>

</items>

</result>

</results>

<total_results> 1</total_results>

</fs_response>

Skills: API, React.js

See more: pda api call export dll, flash query string html, skype api call phone, urlsearchparams, how to pass parameters in get request url, react query string, react fetch query params, query string javascript, react native fetch get params, query-string npm, javascript object to query string, api call amazon asin list seller, ebay api call limit, api call class, query string as2 working, http post query string adobe livecycle, actionscript query string, flash url as3 query string, magento change query string html, query string url rewriting asp net

About the Employer:
( 2 reviews ) Lake Oswego, United States

Project ID: #17929700

Awarded to:

lovethomas1026

Hi. there. Thanks for your post. I have rich experienced in react development. Please check my portfolio. If you choose me, I will satisfy you with good result. I will wait your response. Best regards.

$150 USD in 3 days
(7 Reviews)
4.5

16 freelancers are bidding on average $187 for this job

sapotacorp

Dear cnpoggi. I check [login to view URL], [login to view URL][clientid]/forms/form15/results?fs_api_key=[apikey]&fs_min_id=3828840&fs_max_id=3828840 carefully and I am absolut More

$223 USD in 6 days
(2 Reviews)
4.8
al2018

I have seen your example and understood all. I am excellent MEAN stack developer, I think your job is very suitable for me. I am a full stack developer extensively working on backend and frontend development. I ha More

$200 USD in 3 days
(3 Reviews)
3.5
michealperfect

Hello friend, I am so interested in URL with Query String > REACT API Call > Results into HTML , I am an expert web developer, having years of experience. I have great hands-on HTML, CSS, JS, jQuery, PHP, Laravel, My More

$100 USD in 5 days
(1 Review)
3.1
amusameh

Hi there, I have a good experience working with React and APIs. the API seems to return XML response which you need to parse it to get the desired values which I can help you with. let's talk about the details! More

$200 USD in 3 days
(1 Review)
1.0
Danial2018

Hi, I am very interested in your project because react.js, React Native, Redux and Angular are my favorite skills. I am ready to start working now but please if possible share with me exact and complete requirement More

$333 USD in 3 days
(1 Review)
0.6
greenforest0204

Dear sir. I am excellent MEAN stack developer, I think your job is very suitable for me. I am a full stack developer extensively working on backend and frontend development. I have worked with react.js, node.js, More

$300 USD in 3 days
(1 Review)
0.0
urmate

Hi There I've excellent programming and development skills and knowledge. I can provide an efficient, perfect, well documented development of your Programming and Computer project according to 100% accuracy and re More

$250 USD in 7 days
(0 Reviews)
0.0
Sajid909

I am experienced react developer, i have done too many projects in react , i would love to have the opportunity to complete your project requirements, please check sample react code here `[login to view URL] More

$138 USD in 5 days
(0 Reviews)
0.0
$277 USD in 7 days
(0 Reviews)
0.0
AdamsK

Hi, I am Adams, a freelancer proficient in API's and React. I will create the script for you. lets start! thank you.

$155 USD in 3 days
(0 Reviews)
0.0
softwareeng573

hi, I'm working as a senior software engineer in a company and still working as a technical lead for a front-end team where projects are developed using react, redux, redux-saga, react-intl, axios etc.. hot topic libr More

$98 USD in 2 days
(0 Reviews)
0.0
asi5aa4aaa0c2d72

Hi, I have been working as a full stack web developer for over 4 years now primarily using React JS and Django frameworks and HTML, CSS, Javscript, Bootstrap,Jquery etc and created a number of high quality web applica More

$155 USD in 3 days
(0 Reviews)
0.0
pintu889

i can do this ......................................................................................................................................................................................................

$155 USD in 3 days
(0 Reviews)
0.0
crtvecode

Hello, https://www.freelancer.com/projects/project-15803954/ Please check this react project which is assigned to me and I successfully complete it. I am an experienced React JS developer and integrate the API re More

$100 USD in 1 day
(0 Reviews)
0.0
orgoldfus

I'll need some clarification on the exact goal of this project, but the boarders seem pretty clear and I believe 3 days is the maximum delivery time. it's definitely possible that it'll be ready in less than a day.

$160 USD in 3 days
(0 Reviews)
0.0